Page 15 of 17 FirstFirst ... 51314151617 LastLast
Results 141 to 150 of 161

Thread: Free JavaScript codes

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

    Better JavaScript Minification

    JavaScript minify (JS minify) is one of most important tasks if you would like to care about web performance. Today, jsB@nk would like to shows you a JavaScript article tutor... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







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

    HOT New JavaScript APIs with HTML5

    In this JavaScript article tutorial, we're together to enjoy awesome experiments on HTML5 with new hot JavaScript APIs. With a lot of JavaScript/Web application live demos in this JavaScript HTML5 tut... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







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

    Amazing and Cool HTML Tooltips with JavaScript-jQuery

    HTML tooltips are the indispensable things on the layout of any website. They may provide more information to our readers without breaking the web designs. Most basic and ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







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

    JavaScript Objects: Compare and Clone

    This JavaScript article tutorial shows you a short overview about JavaScript objects in comparing and cloning. You'll know how to clone JavaScript objects, make... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







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

    JavaScript Add More Unlimited Input Fields

    The type of this JavaScript effect can be seen on many upload-allowance sites, such as Youtube, Flickr, ImageShack, Picasa, etc. That's your visitors can upload files through this JavaScript code, aft... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Copy & Paste CSS code below in your HEAD section
    CSS
    Code:
    <style type="text/css">
    /*
         This script downloaded from www.JavaScriptBank.com
         Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    */
    #imageUpload input {
    	display: block;
    }
    </style>
    Step 2: Use JavaScript code below to setup the script
    JavaScript
    Code:
    <script type="text/javascript">
    // Created by: Jeroen Haan | http://www.haan.net
    // This script downloaded from JavaScriptBank.com
    
    function fileFields() {
    	 var x = document.getElementById('imageUpload');
    	 x.onclick = function() {
      		var i = parseFloat(this.lastChild.id)+1;
      		input = document.createElement("input");
      		input.setAttribute("type", "file");
      		input.setAttribute("name", 'imageName_' + i);
      		input.setAttribute("id", i);
      		this.appendChild(input);
    	 }
    }
    
    // Multiple onload function created by: Simon Willison
    // http://simonwillison.net/2004/May/26/addLoadEvent/
    function addLoadEvent(func) {
      var oldonload = window.onload;
      if (typeof window.onload != 'function') {
        window.onload = func;
      } else {
        window.onload = function() {
          if (oldonload) {
            oldonload();
          }
          func();
        }
      }
    }
    
    addLoadEvent(function() {
      fileFields();
    });
    </script>
    Step 3: Copy & Paste HTML code below in your BODY section
    HTML
    Code:
    <a href="#" id="imageUpload"><input type="file" name="imageName_1" id="1" /></a>






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

    Browser Cookie with JavaScript and jQuery

    This short JavaScript article tutorial guides you how to work with browser cookie, cookie in JavaScript by using the JavaScript framework jQuery, through some basi... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







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

    JavaScript Color Gradient Maker

    With this JavaScript code example, you can easy make CSS gradient background, [URL="http://www.javascriptbank.com/=JavaScript color gradient"]JavaScript color gradient</a... 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">
    // Created by: Joseph Myers | http://www.codelib.net/
    // This script downloaded from www.JavaScriptBank.com
    
    function colorscale(hexstr, scalefactor) {
    /* declared variables first, in order;
      afterwards, undeclared local variables */
      var r = scalefactor;
      var a, i;
      if (r < 0 || typeof(hexstr) != 'string')
        return hexstr;
        hexstr = hexstr.replace(/[^0-9a-f]+/ig, '');
        if (hexstr.length == 3) {
        a = hexstr.split('');
      } else if (hexstr.length == 6) {
        a = hexstr.match(/(\w{2})/g);
      } else
        return hexstr;
      for (i=0; i<a.length; i++) {
        if (a[i].length == 2)
          a[i] = parseInt(a[i], 16);
        else {
          a[i] = parseInt(a[i], 16);
          a[i] = a[i]*16 + a[i];
      }
    }
    
    var maxColor = parseInt('ff', 16);
    
    function relsize(a) {
      if (a == maxColor)
      return Infinity;
      return a/(maxColor-a);
    }
    
    function relsizeinv(y) {
      if (y == Infinity)
      return maxColor;
      return maxColor*y/(1+y);
    }
    
    for (i=0; i<a.length; i++) {
      a[i] = relsizeinv(relsize(a[i])*r);
      a[i] = Math.floor(a[i]).toString(16);
      if (a[i].length == 1)
      a[i] = '0' + a[i];
    }
    return a.join('');
    }
    
    function showrainbow(f) {
      var colorcell, hex, i, nhex;
      hex = f.orig.value;
      hex = hex.replace(/\W/g, '');
      nhex = colorscale(hex, f.scalef.value-0);
      if (nhex != hex) {
        f.outp.value = nhex;
        colorcell = document.getElementById('origcolor');
        i = document.getElementById('newcolor');
        colorcell.style.background = '#' + hex;
        i.style.background = '#' + nhex;
        for (i=0; i<256; i++) {
          colorcell = document.getElementById('colorcell'+i);
          nhex = colorscale(hex, i/(256-i));
          colorcell.style.background = '#' + nhex;
          colorcell.nhexvalue = nhex;
        }
      }
    }
    </script>
    Step 2: Place HTML below in your BODY section
    HTML
    Code:
    <div style="width: 400px;">
    <form>
    <p>
    Original color: <input type="text" name="orig" value="339990"><br>
    Scale factor: <input type="text" name="scalef" value="4"><br>
    <input type="button" value="Output" onclick="showrainbow(this.form)">
    <input type="text" readonly name="outp" style="border: none;">
    </p>
    </form>
    
    <table width="150">
    <tr>
    <td width="50%" height="50" id="origcolor">Original</td>
    <td width="50%" id="newcolor">New</td></tr>
    </table>
    
    <table cellpadding="0" cellspacing="0">
    <tr>
    <script type="text/javascript">
    for (i=0; i<256; i++)
    document.write('<td width="10" height="50" id="colorcell', i, '" onclick="document.forms[0].outp.value = this.nhexvalue"></td>');
    </script>
    </tr>
    </table>
    
    </div>






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

    Built-in JavaScript RegEx APIs

    Regular Expressions (RegEx) skills are the indispensable knowledges if you would like become a professional JavaScript coder particularly, or a professional programmer generally; because of a lot of p... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







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

    JavaScript OOP with Input Display Toggle

    Usage of this JavaScript code effect is just toggle (show/display) the input text fields when the users click the specified input checkboxes. But this JavaScript code example made with OOP skills, it'... 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">
    // Created by: Fang | http://www.webdeveloper.com/forum/showthread.php?p=872326#post872326
    // This script downloaded from www.JavaScriptBank.com
    
    function addElement() {
    var aInput=document.getElementById('myspan').getElementsByTagName('input');
    for(var i=0; i<aInput.length; i++) {
        aInput[i].onclick=new Function('addDelete(this)');
        }
    }
    
    function addDelete(obj) {
    var parentSpan=document.getElementById('myspan');
    if(obj.nextSibling.nodeName!='INPUT') { // add
        var oInputText=document.createElement('input');
        oInputText.setAttribute('type', 'text');
        parentSpan.insertBefore(oInputText, obj.nextSibling);
        }
    else { // delete
        parentSpan.removeChild(obj.nextSibling);
        }
    }
    
    // Multiple onload function created by: Simon Willison
    // http://simonwillison.net/2004/May/26/addLoadEvent/
    function addLoadEvent(func) {
      var oldonload = window.onload;
      if (typeof window.onload != 'function') {
        window.onload = func;
      } else {
        window.onload = function() {
          if (oldonload) {
            oldonload();
          }
          func();
        }
      }
    }
    
    addLoadEvent(function() {
      addElement();
    });
    </script>
    Step 2: Copy & Paste HTML code below in your BODY section
    HTML
    Code:
    <span id="myspan">
      <input type="checkbox">
    
      <input type="checkbox">
      <input type="checkbox">
    </span>






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

    50+ Great Web Applications of Data Visualization

    Perhaps just read technical JavaScript article tutorials on jsB@nk made you become humdrum?! Today together, we should change the subject in this post, we'll enjoy 5... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup







Page 15 of 17 FirstFirst ... 51314151617 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
  •