Tweet
Page 2 of 8 FirstFirst 1234 ... LastLast
Results 11 to 20 of 76
  1. #11
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default Top 10 JavaScript Frameworks by Google, Yahoo, Bing

    JavaScript - an indispensable part for developing websites and web pages, whether that is simple pages or professional website, and whether you are senior or junior. Nowadays, JavaScript frameworks be... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







  2. #12
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default Time Picker with child window

    This JavaScript code - date picker helps you choose a time through a popup window. Perhaps this feature is not new on [URL="http://www.javascriptbank.com/"]J... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Place JavaScript below in your HEAD section
    JavaScript
    Code:
    <script language="JavaScript" type="text/javascript" src="timePicker.js">
    /*
    	Bassem R. Zohdy | [email protected]
    */
    </script>
    Step 2: Place HTML below in your BODY section
    HTML
    Code:
    <form name="form1">
    	<input id="field" onkeydown="time(this.id)"/>
    </form>
    Step 3: must download files below
    Files
    down.jpg
    time.html
    timePicker.js
    up.jpg







  3. #13
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default Fading Slide Show

    Displays images continuously in a slideshow presentation format, with a fade effect on image transitions. (Fade in Internet Explorer 4+ only).... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Place JavaScript below in your HEAD section
    JavaScript
    Code:
    <script>
    /* 
    	Original:  CodeLifter.com ([email protected])
    	Web Site:  http://www.codelifter.com 
    */
    
    // set the following variables
    // Set slideShowSpeed (milliseconds)
    var slideShowSpeed = 5000
    
    // Duration of crossfade (seconds)
    var crossFadeDuration = 3
    
    // Specify the image files
    var Pic = new Array() // don't touch this
    // to add more images, just continue
    // the pattern, adding to the array below
    Pic[0] = 'logojs.gif'
    Pic[1] = 'photo3.jpg'
    Pic[2] = 'logojs.gif'
    Pic[3] = 'photo5.jpg'
    Pic[4] = 'photo2.jpg'
    
    // do not edit anything below this line
    
    var t
    var j = 0
    var p = Pic.length
    var preLoad = new Array()
    for (i = 0; i < p; i++){
       preLoad[i] = new Image()
       preLoad[i].src = Pic[i]
    }
    
    function runSlideShow(){
       if (document.all){
          document.images.SlideShow.style.filter="blendTrans(duration=2)"
          document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
          document.images.SlideShow.filters.blendTrans.Apply()      
       }
       document.images.SlideShow.src = preLoad[j].src
       if (document.all){
          document.images.SlideShow.filters.blendTrans.Play()
       }
       j = j + 1
       if (j > (p-1)) j=0
       t = setTimeout('runSlideShow()', slideShowSpeed)
    }
    </script>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->
    Step 2: Copy & Paste HTML code below in your BODY section
    HTML
    Code:
    <body onLoad="runSlideShow()">
    <img id="VU" src="logojs.gif" name='SlideShow'>
    </body>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->






  4. #14
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default Virtual Keyboard

    This JavaScript integrates complete virtual keyboard solution to the any web page. It does support mouse input, as well as keyboard input translation. Plain text and rich te... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Place JavaScript below in your HEAD section
    JavaScript
    Code:
    <script type="text/javascript" src="vk_loader.js" ></script>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->
    Step 2: Copy & Paste HTML code below in your BODY section
    HTML
    Code:
    <form action="no.cgi" method="get">
          <div>
           Subject:<br />
    
           <input name="testa" id="testa" type="text" onfocus="VirtualKeyboard.attachInput(this)" /><br />
           Password (has keyboard animation disabled):<br />
           <input name="test_pwd" id="test_pwd" type="password" class="VK_no_animate" onfocus="VirtualKeyboard.attachInput(this)" /><br />
           Text:<br />
           <textarea name="testb" id="testb" type="text" cols="55" rows="10" wrap="soft" onfocus="VirtualKeyboard.attachInput(this)"></textarea>
           <br />
           <br />
    
           <div id="td"></div>
           <br />
           <input id="showkb" type="button" value="Keyboard" onclick="VirtualKeyboard.toggle('testb','td'); return false;" />
          </div>
          <div id="dbg">
          </div>
         </form>
         <script type="text/javascript">
             EM.addEventListener(window,'domload',function(){
                 /*
                 *  open the keyboard
                 */
                 VirtualKeyboard.toggle('testb','td');
                 var el = document.getElementById('sul')
                    ,lt = VirtualKeyboard.getLayouts()
                    ,dl = window.location.href.replace(/[?#].+/,"")
                 for (var i=0,lL=lt.length; i<lL; i++) {
                     var cl = lt[i];
                     cl = cl[0]+" "+cl[1];
                     lt[i] = "<a href=\""+dl+"?vk_layout="+cl+"\" onclick=\"VirtualKeyboard.switchLayout(this.title);return false;\" title=\""+cl+"\" alt=\""+cl+"\" >"+cl+"</a>"
                 }
                 el.innerHTML += "<li>"+lt.join("</li><li>")+"</li>";
             });
         </script>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->
    Step 3: must download files below
    Files
    Virtual_Keyboard.zip







  5. #15
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default Refresh Page - Automatic

    Keep your content fresh. Use this JavaScript to automatically reload a fresh copy of your Web page from the server. You determine the time de... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Place JavaScript below in your HEAD section
    JavaScript
    Code:
    <script type="text/javascript">
    <!-- Begin
    // Created by: Lee Underwood
    function reFresh() {
      window.open(location.reload(true))
    }
    /* Set the number below to the amount of delay, in milliseconds,
    you want between page reloads: 1 minute = 60000 milliseconds. */
    window.setInterval("reFresh()",300000);
    // End -->
    </script>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->






  6. #16
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default Validate E-Mail

    This JavaScript verifies that a string looks like a real e-mail address.... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Place JavaScript below in your HEAD section
    JavaScript
    Code:
    <script language="javascript">
    // Created by: Francis Cocharrua :: http://scripts.franciscocharrua.com/
    
    function Validate_String(string, return_invalid_chars) {
      valid_chars = '1234567890-_.^~abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
      invalid_chars = '';
      if(string == null || string == '')
         return(true);
    
      //For every character on the string.   
      for(index = 0; index < string.length; index++) {
        char = string.substr(index, 1);                        
         
        //Is it a valid character?
        if(valid_chars.indexOf(char) == -1) {
          //If not, is it already on the list of invalid characters?
          if(invalid_chars.indexOf(char) == -1) {
            //If it's not, add it.
            if(invalid_chars == '')
              invalid_chars += char;
            else
              invalid_chars += ', ' + char;
          }
        }
      }
                
      //If the string does not contain invalid characters, the function will return true.
      //If it does, it will either return false or a list of the invalid characters used
      //in the string, depending on the value of the second parameter.
      if(return_invalid_chars == true && invalid_chars != '') {
        last_comma = invalid_chars.lastIndexOf(',');
        if(last_comma != -1)
          invalid_chars = invalid_chars.substr(0, $last_comma) + 
          ' and ' + invalid_chars.substr(last_comma + 1, invalid_chars.length);
        return(invalid_chars);
        }
      else
        return(invalid_chars == ''); 
    }
    
    
    function Validate_Email_Address(email_address){
      // Modified and tested by Thai Cao Phong, JavaScriptBank.com
      //Assumes that valid email addresses consist of [email protected]
      
      at = email_address.indexOf('@');
      dot = email_address.indexOf('.');
    
      if(at == -1 || 
        dot == -1 || 
        dot <= at + 1 ||
        dot == 0 || 
        dot == email_address.length - 1)
      {
      	alert("Invalid email");
        return(false);
      }
         
      user_name = email_address.substr(0, at);
      domain_name = email_address.substr(at + 1, email_address.length);                  
    
      if(Validate_String(user_name) === false || Validate_String(domain_name) === false)
      {
      	alert("Invalid email");
        return(false);
      }
    
      alert("Valid email");//return(true);
    }
    </script>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->
    Step 2: Copy & Paste HTML code below in your BODY section
    HTML
    Code:
    <form name=f>
    <input type=text name=mail value="">
    <input type=button value=Check onclick="Validate_Email_Address(document.f.mail.value)">
    </form>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->






  7. #17
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default Top 10 Beautiful Christmas Countdown Timers

    Only a fews of days then Christmas will come. And if you are looking for one beautiful countdown timer for waiting <i>Christmas Day</i> on your website, then I hope this post will satisfy your needs; ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







  8. #18
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default Line Graph script

    This is a purely DHTML/ CSS based Line Graph script. It loads fast and blends in with the rest of the page. You can even use a transparent detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Use JavaScript code below to setup the script
    JavaScript
    Code:
    <script type="text/javascript" src="wz_jsgraphics.js"></script>
    <script type="text/javascript" src="line.js"></script>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->
    Step 2: Place HTML below in your BODY section
    HTML
    Code:
    <div id="lineCanvas" style="overflow: auto; position:relative;height:300px;width:400px;"></div>
    
    <script type="text/javascript">
    var g = new line_graph();
    g.add('1', 145);
    g.add('2', 0);
    g.add('3', 175);
    g.add('4', 130);
    g.add('5', 150);
    g.add('6', 175);
    g.add('7', 205);
    g.add('8', 125);
    g.add('9', 125);
    g.add('10', 135);
    g.add('11', 125);
    
    g.render("lineCanvas", "Line Graph");
    </script>
    	<!--
        	This script downloaded from www.JavaScriptBank.com
        	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    	-->
    Step 3: Download files below
    Files
    line.js
    wz_jsgraphics.js







  9. #19
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default Falling Snowflakes with images

    Decorate your webpage with this great animated document effect! Watch as snow fall gently trickles down the page, then disappear. The image of snow flakes used is changeable, so snow definitely isn't ... 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 type="text/javascript">
    
    /******************************************
    * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
    ******************************************/
      
      //Configure below to change URL path to the snow image
      var snowsrc="snow3.gif"
      // Configure below to change number of snow to render
      var no = 10;
      // Configure whether snow should disappear after x seconds (0=never):
      var hidesnowtime = 0;
      // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
      var snowdistance = "pageheight";
    
    ///////////Stop Config//////////////////////////////////
    
      var ie4up = (document.all) ? 1 : 0;
      var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
    
    	function iecompattest(){
    	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    	}
    
      var dx, xp, yp;    // coordinate and position variables
      var am, stx, sty;  // amplitude and step variables
      var i, doc_width = 800, doc_height = 600; 
      
      if (ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      } else if (ie4up) {
        doc_width = iecompattest().clientWidth;
        doc_height = iecompattest().clientHeight;
      }
    
      dx = new Array();
      xp = new Array();
      yp = new Array();
      am = new Array();
      stx = new Array();
      sty = new Array();
      snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
      for (i = 0; i < no; ++ i) {  
        dx[i] = 0;                        // set coordinate variables
        xp[i] = Math.random()*(doc_width-50);  // set position variables
        yp[i] = Math.random()*doc_height;
        am[i] = Math.random()*20;         // set amplitude variables
        stx[i] = 0.02 + Math.random()/10; // set step variables
        sty[i] = 0.7 + Math.random();     // set step variables
    		if (ie4up||ns6up) {
          if (i == 0) {
            document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><a href="http://dynamicdrive.com"><img src='"+snowsrc+"' border="0"></a></div>");
          } else {
            document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src='"+snowsrc+"' border="0"></div>");
          }
        }
      }
    
      function snowIE_NS6() {  // IE and NS6 main animation function
        doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
    		doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
        for (i = 0; i < no; ++ i) {  // iterate for every dot
          yp[i] += sty[i];
          if (yp[i] > doc_height-50) {
            xp[i] = Math.random()*(doc_width-am[i]-30);
            yp[i] = 0;
            stx[i] = 0.02 + Math.random()/10;
            sty[i] = 0.7 + Math.random();
          }
          dx[i] += stx[i];
          document.getElementById("dot"+i).style.top=yp[i]+"px";
          document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  
        }
        snowtimer=setTimeout("snowIE_NS6()", 10);
      }
    
    	function hidesnow(){
    		if (window.snowtimer) clearTimeout(snowtimer)
    		for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    	}
    		
    
    if (ie4up||ns6up){
        snowIE_NS6();
    		if (hidesnowtime>0)
    		setTimeout("hidesnow()", hidesnowtime*1000)
    		}
    
    </script>
    Step 2: downloads
    Files
    snow3.gif







  10. #20
    MFC Member
    Join Date
    Jul 2009
    Posts
    75
    Rep Power
    0

    Default 40 Super Nice JavaScript Extensions and Plugins

    In the environment of Internet in any country, beside the web promotion - one of Internet marketing UK aspects; if a company or a website want to success; it nee... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







Page 2 of 8 FirstFirst 1234 ... LastLast

Posting Permissions

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

Advertisement

Sponsors




Increase your deposit by 30%. Expand your trading opportunities. Earn more profit!