download html div into pdf using jsPDF

download html div  into pdf using jsPDF ADD THIS BETWEEN HEAD <script src=”https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js”></script> <script> var pdfdoc = new jsPDF(); var specialElementHandlers = { ‘#ignoreContent’: function (element, renderer) { return true; } }; $(document).ready(function(){ $(“#gpdf”).click(function(){ pdfdoc.fromHTML($(‘#printableArea’).html(), 10, 10, { ‘width’: 110, ‘elementHandlers’: specialElementHandlers }); pdfdoc.save(‘gemscerti.pdf’); }); }); </script> Html Code <button id=”gpdf” style=”display: none;”>Generate PDF</button> <div id=”printableArea”> <div id=”theme-page” style=”display: none;”>             <div class=”table-content col-6″>         <ul>         <li id=”report_no”>Report No : 15074</li>         <li id=”date”>Date :…

Read More

Top 15 Search Engine Optimization (SEO) Techniques

Top 15 Search Engine Optimization (SEO) Techniques Search Engine Optimization is a very hot topic on the World Wide Web. After-all, everybody wants to rank higher and come up on the first page of Google search and get more traffic. Sometimes it is easy to get carried away with SEO though. In my opinion, the best technique is to keep it simple and apply a bit of common sense. Most SEO plugins will take care of the common architecture related stuff for you. So in this article I will only…

Read More

How do I make a YouTube video autoplay?

How do I make a YouTube video autoplay? Making a YouTube Video Autoplay 1. On YouTube, go to the video you wish to embed. 2. Click Share, then Embed. 3. Choose your settings, then copy the HTML code. 4. In your BigCommerce control panel, open the page, product, or category you’d like to add the video to. 5. In the Page Content or Product Description editor, click the HTML icon in the toolbar. 6. Paste the code, then add ?rel=0&autoplay=1 to the code. See the example below. Before <iframe width=”640″ height=”360″ src=”[YouTube Video URL]” frameborder=”0″ allowfullscreen></iframe> After <iframe width=”640″ height=”360″ src=”[YouTube Video URL]?rel=0&autoplay=1″ frameborder=”0″ allowfullscreen></iframe> 7. Select Update. 8. Save your…

Read More

Twitter reply, retweet and love button with hover and click effect #Dribbble inspiation Bootstrap

Twitter reply, retweet and love button with hover and click effect #Dribbble inspiation Bootstrap HTML: <html> <head>     <title>Navbar top-1</title>     <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”>     <link media=”all” type=”text/css” rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css”> </head> <body>     <div class=”container-fluid”>         <div class=”row”>             <div class=”outer-div text-center”>                 <h1><i class=”fa fa-twitter” aria-hidden=”true”></i></h1>                 <div class=”col-md-12 tweet”>                     <ul class=”list”>  …

Read More

Button Hover Effect-2 Bootstrap

Button Hover Effect-2  Bootstrap HTML: <div class=”container”> <div class=”row”> <div class=”submit-wrapper”>     <a href=”#”>GET IN TOUCH</a>    </div> </div> </div> CSS: .submit-wrapper {     margin-top:150px; } .submit-wrapper a {     border:2px solid #f33;     color:#000;     padding:20px 25px;     text-decoration:none;     position:relative;     letter-spacing:8px;     transition:all 0.6s;     z-index:1; } .submit-wrapper a:before, .submit-wrapper a:after {     content:””;     position:absolute;     top:50%;     left:0;     width:24px;     height:4px;     background:#f33;     margin-left:-12px;  …

Read More

Circle button with 3d shadow and hover effect Bootstrap

Circle button with 3d shadow and hover effect Bootstrap HTML: <div class=”container”> <div class=”row”>         <div class=”col-md-12″>    <button class=”btn btn-default orange-circle-button” href=””>Read<br />more<br /><span class=”orange-circle-greater-than”>></span></button>         </div>   </div> </div> CSS: body {  font-size: 18px;   } .orange-circle-button { box-shadow: 2px 4px 0 2px rgba(0,0,0,0.1); border: .5em solid #E84D0E; font-size: 1em; line-height: 1.1em; color: #ffffff; background-color: #e84d0e; margin: auto; border-radius: 50%; height: 7em; width: 7em; position: relative; } .orange-circle-button:hover { color:#ffffff;     background-color: #e84d0e; text-decoration: none; border-color: #ff7536; } .orange-circle-button:visited { color:#ffffff;…

Read More

Hover Effect On Button in Boostarp

Hover Effect On Button in Boostarp Html : <div class=”container”> <div class=”row”> <h2 class=”text-center page-header”>Hover Effect On Button</h2>         <button class=”btn-change”>Button</button>         <button class=”btn-change1″>Button</button>         <button class=”btn-change2″>Button</button>         <button class=”btn-change3″>Button</button>         <button class=”btn-change4″>Button</button>         <button class=”btn-change5″>Button</button>         <button class=”btn-change6″>Button</button>         <button class=”btn-change7″>Button</button>         <button class=”btn-change8″>Button</button> </div> </div> CSS: body {   font: 400 1.4rem ‘Lato’, Verdana, Helvetica, sans-serif; } .btn-change{     height:…

Read More

Dynamic Form Fields – Add & Remove Using Bootstarp

Dynamic Form Fields – Add & Remove Using Bootstarp HTML CODE: <div class=”container”> <div class=”row”> <input type=”hidden” name=”count” value=”1″ />         <div class=”control-group” id=”fields”>             <label class=”control-label” for=”field1″>Nice Multiple Form Fields</label>             <div class=”controls” id=”profs”>                  <form class=”input-append”>                     <div id=”field”><input autocomplete=”off” class=”input” id=”field1″ name=”prof1″ type=”text” placeholder=”Type something” data-items=”8″/><button id=”b1″ class=”btn add-more” type=”button”>+</button></div>                …

Read More

Add/Remove Input Fields Dynamically with jQuery

Add/Remove Input Fields Dynamically with jQuery If you are looking to add and remove duplicate input fields, here’s another jQuery example below to do the task for you. This jQuery snippet adds duplicate input fields dynamically and stops when it reaches maximum. JQUERY $(document).ready(function() {     var max_fields      = 10; //maximum input boxes allowed     var wrapper         = $(“.input_fields_wrap”); //Fields wrapper     var add_button      = $(“.add_field_button”); //Add button ID          var x = 1; //initlal text…

Read More
Ajaxcountrystatecitydropdownusingphp26mysql php web-design 

Ajax country state city dropdown using php & mysql

Ajax country state city dropdown using php & mysql This tutorial will explain you how to make Dependent dropdown of country, state, and city, using ajax. You will find them implemented in various sites registration  form.when the user select country then second dropdown will populate with appropriate  states list then city like wise.. Database & Tables: Country State City tabel 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30…

Read More