Page 13 of 17 FirstFirst ... 31112131415 ... LastLast
Results 121 to 130 of 161

Thread: Free JavaScript codes

  1. #121
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

    dygraphs: Open Source JavaScript Graph Visualization Library


  2. #122
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

    More 10 jQuery and JavaScript Tips and Tricks to Improve Your Code


  3. #123
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

    3 Simple Ways to Define a JavaScript class

    This free HTML JavaScript tutorial guides you how to setup, define a JavaScript class through 3 simple ways. Please try them in the detailed post, or read more HTML JavaScript tutorial about OOP JavaS... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







  4. #124
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

    How to load JavaScript like a WordPress Master

    WordPress - an open source powerful PHP platform to develop personal web blogs, WordPress is the most used blog system at present, and I also opened a personal blog base ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







  5. #125
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

    Amazing Bounce Effect using jQuery framework

    JavaScript bounce effect is the type of script presented on jsB@nk.com through many plained-JavaScript example codes, such as:

    - [URL="http://www.javascriptbank.com/elastic-trail-script.html"]J... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Use CSS code below for styling the script
    CSS
    Code:
    <STYLE type="text/css">
    body, input{
    	font-family: Calibri, Arial;
    }
    div {
    	padding:5px;
    	width:150px;
    	height:100px;
    	text-align:center;
    }
    #bouncy1 {
    	background-color:#FFEE88;
    }
    #bouncy2 {
    	background-color:#EE88FF;
    }
    #bouncy3 {
    	background-color:#EE8888;
    }
    #bouncy4 {
    	background-color:#88EEFF;
    }
    </STYLE>
    Step 2: Place JavaScript below in your HEAD section
    JavaScript
    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    <SCRIPT>
    $(function(){
    
    	//Add bounce effect on Click of the DIV
    	$('#bouncy1').click(function () {
    		  $(this).effect("bounce", { times:5 }, 300);
    	});
    
    	$('#bouncy2').click(function () {
    		  $(this).effect("bounce", { direction:'left', times:5 }, 300);
    	});
    
    	$('#bouncy3').click(function () {
    		  $(this).effect("bounce", { direction:'right', times:5 }, 300);
    	});
    
    	$('#bouncy4').click(function () {
    		  $(this).effect("bounce", { direction:'down', times:5 }, 300);
    	});
    
    	//Bounce all DIVs on click of button
    	$("#bounceAll").click(function(){
    		$("div").click();
    	});
    });
    </SCRIPT>
    Step 3: Copy & Paste HTML code below in your BODY section
    HTML
    Code:
    <table>
    <tr>
    	<td><div id="bouncy1">Click here to bounce. Direction: Up</div></td>
    	<td><div id="bouncy2">Click here to bounce. Direction: Left</div></td>
    </tr>
    <tr>
    	<td><div id="bouncy3">Click here to bounce. Direction: Right</div></td>
    	<td><div id="bouncy4">Click here to bounce. Direction: Down</div></td>
    
    </tr>
    </table>
    
    <br/>
    <input id="bounceAll" type="button" value="Click to Bounce All!"/>






  6. #126
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

    Encapsulation in OOP JavaScript

    Encapsulation is a very useful technique in Object-Oriented programming which allows you to separate an abstraction's implementation from its interface class, thus enabling future changes to the imple... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







  7. #127
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

    45 Great Helpful JavaScript and jQuery Techniques and Tools

    Yes, this free HTML JavaScript tutorial is another round-up of very great and helpful JavaScript/jQuery techniques, tools and resources. In this selection we presen... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







  8. #128
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

    Training Lexical Structure and Statements

    This free HTML JavaScript tutorial provides some basic JavaScript concepts for programming newbies. In this post, you will train some categories of JavaScript sta... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







  9. #129
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

  10. #130
    JavaScriptBank is offline Unknown Net Builder
    Join Date
    Sep 2009
    Posts
    151
    Thanks
    0
    Thanked 5 Times in 5 Posts

    Smash a Smiley 1.2

    Similar to the free JavaScript game Whack the Gopher, this JavaScript game is simpler by change the picture of gophers into the ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Copy & Paste JavaScript code below in your HEAD section
    JavaScript
    Code:
    <script language="Javascript">
    /*
         This script downloaded from www.JavaScriptBank.com
         Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    */
    <!--
    /*                      
    SMASH a SMILEY 1.2 
    ---------------------------------------------------------------------                     
    Copyright 1997 Tomas Lilje
    http://home3.swipnet.se/~w-39426 || e.lilje@swipnet.se          
    Use this script if you want but don´t put             
    away this clip, and please drop me                   
    a note. Email comments etc. too              
    */
    
    function eraone () {
            document.play.first.value="";
    }
    
    function eratwo () {
            document.play.second.value="";
    }
    
    function erathree () {
            document.play.third.value="";
    }
    
    function erafour () {
            document.play.fourth.value="";
    }
    
    function erafive () {
            document.play.fifth.value="";
    }
    
    function erasix () {
            document.play.sixth.value="";
    }
    
    function eraseven () {
            document.play.seventh.value="";
    }
    
    function eraeight () {
            document.play.eighth.value="";
    }
    
    function eranine () {
            document.play.ninth.value="";
    }
    
    function start () {
            document.play.fourth.value=" :-)";
            document.play.third.value=" ;-o"; 
            setTimeout("nextone ()",500);
    }
    
    function nextone () {
            document.play.fourth.value="";
            document.play.fifth.value="d:-D"; 
            setTimeout("nexttwo ()",400);
    }
    
    function nexttwo () {
            document.play.third.value=""; 
            setTimeout("nextthree()",400);
    }
    
    function nextthree () {
            document.play.seventh.value=":-(";
            document.play.first.value=">:-)";
            document.play.sixth.value="B-)"; 
            setTimeout("nextfour ()",700);
    }
    
    function nextfour () {
            document.play.first.value="";
            document.play.sixth.value="";
            document.play.second.value="=)"; 
            setTimeout("nextfive ()",700);
    }
    
    function nextfive () {
            document.play.seventh.value="";
            document.play.second.value="";
            document.play.fourth.value="[:o]"; 
            setTimeout("nextsix ()",800);
    }
    
    function nextsix () {
            document.play.eighth.value="d:-(";
            document.play.second.value=">:-D"; 
            setTimeout("nextseven ()",700);
    }
    
    function nextseven () {
            document.play.eighth.value="";
            document.play.fifth.value=":-)"; 
            setTimeout("nexteight ()",400);
    }
    
    function nexteight () {
            document.play.ninth.value=";-)"
            document.play.fourth.value=":<0"; 
            setTimeout("nextnine ()",500);
    }
    
    function nextnine () {
            document.play.fifth.value="";
            document.play.fourth.value="";
            document.play.first.value=":-v"; 
            setTimeout("nextten ()",200);
    }
    
    function nextten () {
            document.play.third.value="B-)";
            document.play.sixth.value=":-("; 
            setTimeout("nexteleven ()",600);
    }
    
    function nexteleven () {
            document.play.first.value="";
            document.play.seventh.value=";-("; 
            setTimeout("nexttwelve ()",500);
    }
    
    function nexttwelve () {
            document.play.second.value="B-o";
            document.play.ninth.value=";-("; 
            setTimeout("nextthirteen ()",700);
    }
    
    function nextthirteen () {
            document.play.first.value=":-)";
            document.play.ninth.value="";
            document.play.seventh.value=""; 
            setTimeout("start ()",600);
    }
    
    function stop () {
            document.play.first.value="";
            document.play.second.value="";
            document.play.third.value="";
            document.play.fourth.value="";
            document.play.fifth.value="";
            document.play.sixth.value="";
            document.play.seventh.value="";
            document.play.eighth.value="";
            document.play.ninth.value="";
    }
    
    function about() {       
            alert("Smash a Smiley 1.2 is written by Tomas Lilje. You can use this game if you want, but don´t modify it, and please drop me a note. For further versions, please visit TNeT. Email-> e.lilje@swipnet.se  TNeT-> http://home3.swipnet.se/~w-39426");  
    }
    
    function help() {       
            alert("How to play: Your mission is to hit the smileys, when they show up. ");  
    }
    //-->
    
    </script>
    Step 2: Place HTML below in your BODY section
    HTML
    Code:
    <!--
    /*
         This script downloaded from www.JavaScriptBank.com
         Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    */
    -->
    <table border=8 bgcolor="midnightblue" cellpadding=0 cellspacing=0>
    <tr>
    <td>
    <form name="play">
    <center>  
    <font face="Arial" color="FANTASY" size="4">
    <b>Smash a Smiley 1.2
    <hr>  
    <INPUT TYPE="button" NAME="first" OnClick="eraone ()" value="      ">  
    
    <INPUT TYPE="button" NAME="second" OnClick="eratwo ()" value="      ">  
    <INPUT TYPE="button" NAME="third" OnClick="erathree ()" value="      ">
    <br>  
    <INPUT TYPE="button" NAME="fourth" OnClick="erafour ()" value="      ">  
    <INPUT TYPE="button" NAME="fifth" OnClick="erafive ()" value="      ">  
    <INPUT TYPE="button" NAME="sixth" OnClick="erasix ()" value="      ">
    <br>  
    <INPUT TYPE="button" NAME="seventh" OnClick="eraseven ()" value="      ">  
    <INPUT TYPE="button" NAME="eighth" OnClick="eraeight ()" value="      ">  
    <INPUT TYPE="button" NAME="ninth" OnClick="eranine ()" value="      ">
    <br>  
    <hr>  
    <INPUT TYPE="button" NAME="startitup" OnClick="start ()" value=" Start ">  
    <input type="button" name="hbutton" value=" Help" onclick="help()">
    <input type="button" name="abutton" value=" About" onclick="about()">
    <br>
    <hr>
    
    <font size="2">Copyright 1997 Tomas Lilje
    </form>
    </td>
    </tr>
    </table>






Page 13 of 17 FirstFirst ... 31112131415 ... LastLast

Similar Threads

  1. Need Help In JavaScript
    By Zash in forum Programming
    Replies: 1
    Last Post: 10 September, 2010, 18:08 PM
  2. Javascript
    By Sbfc_ in forum Community Building
    Replies: 5
    Last Post: 19 March, 2010, 00:21 AM
  3. Javascript
    By KMRock in forum Programming
    Replies: 0
    Last Post: 29 July, 2009, 01:02 AM
  4. [WTH] $$ for Simple Javascript
    By MarxGrayscaleServices in forum Services
    Replies: 2
    Last Post: 31 May, 2009, 19:31 PM
  5. Use PHP functions in JavaScript
    By ankit in forum Programming
    Replies: 3
    Last Post: 31 May, 2009, 10:12 AM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •