[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/utility/jspdf-generating-pdf-web-page-documents-using-javascript.jpg[/IMG]
Demo: JavaScript jsPDF: Generating your PDF Web Page Documents using JavaScript

---

<script type="text/javascript" src="base64.js"></script>
<script type="text/javascript" src="sprintf.js"></script>
<script type="text/javascript" src="jspdf.js"></script>

<script type="text/javascript">

function demo1() {
        var doc = new jsPDF();
        doc.text(20, 20, 'Hello world!');
        doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
        doc.addPage();
        doc.text(20, 20, 'Do you like that?');
       
        // Output as Data URI
        doc.output('datauri');
}

function demo2() {
        var doc = new jsPDF();
        doc.setFontSize(22);
        doc.text(20, 20, 'This is a title');
       
        doc.setFontSize(16);
        doc.text(20, 30, 'This is some normal sized text underneath.');       
       
        // Output as Data URI
        doc.output('datauri');
}

function demo3() {
        var doc = new jsPDF();
        doc.text(20, 20, 'This PDF has a title, subject, author, keywords and a creator.');
       
        // Optional - set properties on the document
        doc.setProperties({
                title: 'Title',
                subject: 'This is the subject',               
                author: 'James Hall',
                keywords: 'generated, javascript, web 2.0, ajax',
                creator: 'MEEE'
        });
       
        // Output as Data URI
        doc.output('datauri');
}

function demo4() {       
        var name = prompt('What is your name?');
        var multiplier = prompt('Enter a number:');
        multiplier = parseInt(multiplier);

        var doc = new jsPDF();
        doc.setFontSize(22);       
        doc.text(20, 20, 'Questions');
        doc.setFontSize(16);
        doc.text(20, 30, 'This belongs to: ' + name);
       
        for(var i = 1; i <= 12; i ++) {
                doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ___');
        }
       
        doc.addPage();
        doc.setFontSize(22);
        doc.text(20, 20, 'Answers');
        doc.setFontSize(16);
       
        for(var i = 1; i <= 12; i ++) {
                doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ' + (i * multiplier));
        }       
        doc.output('datauri');
       
}

</script>

---

---

<h2>Simple Two-page Text Document</h2>
<pre>var doc = new jsPDF();
doc.text(20, 20, 'Hello world!');
doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
doc.addPage();
doc.text(20, 20, 'Do you like that?');

// Output as Data URI
doc.output('datauri');</pre>
<a href="javascript:demo1()">Run Code</a>

<h2>Different font sizes</h2>
<pre>var doc = new jsPDF();
doc.setFontSize(22);
doc.text(20, 20, 'This is a title');

doc.setFontSize(16);
doc.text(20, 30, 'This is some normal sized text underneath.');       

// Output as Data URI
doc.output('datauri');</pre>
<a href="javascript:demo2()">Run Code</a>


<h2>Adding metadata</h2>
<pre>var doc = new jsPDF();
doc.text(20, 20, 'This PDF has a title, subject, author, keywords and a creator.');

// Optional - set properties on the document
doc.setProperties({
        title: 'Title',
        subject: 'This is the subject',               
        author: 'James Hall',
        keywords: 'generated, javascript, web 2.0, ajax',
        creator: 'MEEE'
});

// Output as Data URI
doc.output('datauri');</pre>
<a href="javascript:demo3()">Run Code</a>


<h2>Example of user input</h2>
<pre>var name = prompt('What is your name?');
var multiplier = prompt('Enter a number:');
multiplier = parseInt(multiplier);

var doc = new jsPDF();
doc.setFontSize(22);       
doc.text(20, 20, 'Questions');
doc.setFontSize(16);
doc.text(20, 30, 'This belongs to: ' + name);

for(var i = 1; i <= 12; i ++) {
        doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ___');
}

doc.addPage();
doc.setFontSize(22);
doc.text(20, 20, 'Answers');
doc.setFontSize(16);

for(var i = 1; i <= 12; i ++) {
        doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ' + (i * multiplier));
}       
doc.output('datauri');</pre>
<a href="javascript:demo4()">Run Code</a>

---

Javascript Music Player - Random Text Generator - Floating Image Script

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/time/jsclock-featured-digital-clock-javascript.jpg[/IMG]
Demo: JavaScript jsClock: Featured Digital Clock JavaScript

---

<style type="text/css">
/*
    This script downloaded from w w w.JavaScriptBank. com
    Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
*/
.clock{
        cursor:pointer;
        padding:5px 5px 5px 5px;
        margin:5px 0 5px 0;
        width:70px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-topleft: 4px;
        text-align:center;
        font-weight: bold;
        font-family: arial;
}


#clock {
        background-color:#000000;
        color:#00CC66;
}

#reloj {
        background-color:#999999;
        color:#FFFFFF;
}


#rellotje {
        background-color:#237ab2;
        color:#FFFFFF;
}
</style>

---

---

<script type="text/javascript">
/*
    This script downloaded from w w w.JavaScriptBank. com
    Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
*/
function moveClock(idClock,startTime){//move given clock
        var timeout=1000;//miliseconds to repeat the function

        if ( startTime === undefined ) {//just take the browser time
                    rightNow = new Date();
                hour = rightNow.getHours();
                minute = rightNow.getMinutes();
                second = rightNow.getSeconds();               
        }       
        else{//starttime set
                rightNow = startTime.split(':',3);
                hour = parseInt(rightNow[0],10);
                minute =  parseInt(rightNow[1],10);
                second =  parseInt(rightNow[2],10);
                if (second==59){
                        if (minute==59){
                                if (hour==23) hour=0;       
                                else hour++;
                                minute=0;
                        }else minute++;
                        second=0;
                }else second++;
        }

        if (minute<10) minute= "0" + minute;
        if (second<10) second= "0" + second;

        currentTime=hour + ":" + minute + ":" +second;// tim to return
        document.getElementById(idClock).innerHTML = currentTime;//tim for the HTML element

        //recursivity
        if (startTime===undefined) setTimeout("moveClock('"+idClock+"')",timeout);//browser time
        else setTimeout("moveClock('"+idClock+"','"+currentTime+"')",timeout);//set time
               
}
</script>

---

---

Normal clock using browser time:

<div id="clock" class="clock">clock</div>moveClock("clock");<br /><br />
<hr>
Clock using server time:
<div id="reloj" class="clock">reloj</div>  moveClock("reloj","< ?php echo date("G:i:s");? >");<br /><br />
<hr>
Clock with manual time:
<div id="rellotje" class="clock">rellotje</div> moveClock("rellotje","23:58:56");<br /><br />
<hr>

<script  type='text/javascript'>
moveClock("clock");
moveClock("reloj","2:23:25");
moveClock("rellotje","23:58:56");
</script>

---

Javascript floating message - Javascript multi level drop down menu - JavaScript in_array()

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/article/ultimate-javascript-tutorial-in-web-design.jpg[/IMG]
Demo: JavaScript The Ultimate JavaScript Tutorial in Web Design

JavaScript Make link open in new tab/window - JavaScript World clock - circumference calculator

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/article/top-10-free-web-chat-box-plugins-addons.jpg[/IMG]
Demo: JavaScript Top 10 Free Web Chat box Plug-ins and Add-ons

Command to print web page in javascript - Javascript Time Picker - JavaScript Go To URL Box

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/article/great-powered-resources-helpful-jquery-plug-ins.jpg[/IMG]
Demo: JavaScript Great Powered Resources for 7 Helpful jQuery Plug-ins

JavaScript Countdown Timer - JavaScript Web based Music Player - Free JavaScript Codes

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/article/javascript-try-catch-statement-advance.jpg[/IMG]
Demo: JavaScript JavaScript Try and Catch Statement in Advance

Javascript Music Player - Random Text Generator - Floating Image Script

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/article/super-amazing-jquery-dynamic-navigation-menu-solutions.jpg[/IMG]
Demo: JavaScript Super Amazing jQuery Dynamic Navigation Menu Solutions

JavaScript Bookmark Page script - JavaScript Color Wheel - JavaScript Image slideshow

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/article/incredible-amazing-3d-javascript-canvas-enginges.jpg[/IMG]
Demo: JavaScript Incredible and Amazing 3D JavaScript Canvas Enginges

JavaScript Enlarge Image - JavaScript Fading Slide Show - JavaScript Rotating Image script

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/article/helpful-javascript-time-date-picker-plugins-frameworks.jpg[/IMG]
Demo: JavaScript Helpful JavaScript Time and Date Picker, Plugins for Frameworks

Javascript floating message - Javascript multi level drop down menu - JavaScript in_array()

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/article/10-tiptop-analog-digital-clock-resources-techniques-javascript.jpg[/IMG]
Demo: JavaScript 10 Tiptop Analog and Digital Clock Resources and Techniques with Javascript

Command to print web page in javascript - Javascript Time Picker - JavaScript Go To URL Box