Create pdf by using javascript

Create pdf by using javascript

icon for PDF files (Photo credit: Wikipedia)

By using jspdf library which generates PDF files using java script.You can download library from

after downloading  the library create a html or php file in example folder and paste below code.It already as many examples. but sharing this code ,because we can,t add edit or alter code.but we can add function to work according to our condition.because we can replace or change other option in saveondisk more think we can add php variable in it to create pdf file with php content.

    <link rel=”stylesheet” type=”text/css” href=”css/main.css”>
     <script src=””></script&gt;
     <script type=”text/javascript” src=”../libs/downloadify/js/swfobject.js”></script>
    <script type=”text/javascript” src=”../libs/base64.js”></script>
    <script type=”text/javascript” src=”../jspdf.js”></script>
     <script type=”text/javascript” src=”../libs/downloadify/js/downloadify.min.js”></script>    

    <input id=”notify_checkbox” type=”checkbox” value=”y”  name=”notify”>
<h1>jsPDF Downloadify Example</h1>

<p>This is an example of jsPDF using <a href=””>Downloadify</a&gt;. This works in all major browsers.</p>

<p id=”downloadify”>
    You must have Flash 10 installed to download this file.

<script type=”text/javascript”>
            filename: ‘Example.pdf’,
            data: function(){
                var doc = new jsPDF();
                doc.text(20, 20, <?php echo $varible;?>’);
                doc.text(20, 20, ‘Do you like that?’);
                return doc.output();
             onComplete: function(){ alert(‘Your File Has Been Saved!’); },
            onCancel: function(){ alert(‘You have cancelled the saving of this file.’); },
            onError: function(){ alert(‘You must put something in the File Contents or there will be nothing to save!’); },
            swf: ‘../libs/downloadify/media/downloadify.swf’,
            downloadImage: ‘../libs/downloadify/images/download.png’,
            width: 100,
            height: 30,
            transparent: true,
            append: false
        $( “#downloadify” ).html( “<p>Okay, we email you.</p>” );

About these ads

Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s