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

Multiple Image Upload and Resize Image In CodeIgniter

Multiple Image Upload and Resize Image In CodeIgniter First you must load “image_lib” library of CI. This is a controller in CI public function imageUpload()     {         $data = array();         if ($this->input->post(‘submit’))         {             if ($_FILES[“sc_name”][“name”])             {                 $path = ‘./upload_image’;                 if (!is_dir($path))                …

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
DynamicDependentSelectBoxusingjQuery2CAjaxandPHP php 

Dynamic Dependent Select Box using jQuery, Ajax and PHP

Dynamic Dependent Select Box using jQuery, Ajax and PHP Database & Tables Create a database, like location_db. location_db consists of three tables countries, states, and cities. statestable has a relation with countries table and cities table has a relation with states table. countries Table:This table contains all the countries data. countries table SQL would like below. CREATE TABLE IF NOT EXISTS `countries` ( `country_id` int(11) NOT NULL, `country_name` varchar(30) CHARACTER SET utf8 NOT NULL, `status` tinyint(1) NOT NULL DEFAULT ‘1’ COMMENT ‘0:Blocked, 1:Active’ ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; states Table:This table contains all the states data and country_id FOREIGN KEY. states table SQL would like below. CREATE TABLE IF NOT EXISTS…

Read More