PDA

View Full Version : Free JavaScript Code Downloads



JavaScriptBank
09-30-2009, 02:42 AM
Alert Box Protection

Often when working on scripts alert boxes are placed inside loops as a deb***ing tool. You can sometimes end up with hundreds of alert boxes and no way to stop them. This JavaSc... detail (http://www.javascript****.com/javascript/)


http://www.javascript****.com/javascript.images/misc/alert-box-protection.jpg (http://www.javascript****.com/alert-box-protection.html/en/)
Demo: Alert Box Protection (http://www.javascript****.com/javascript/misc/alert-box-protection/preview/en/)

[U]How to setup

Step *: Copy & Paste JavaScript code below in your HEAD section
JavaScript

<script type=text/javascript>
//Created by: Benjamin Joffe :: http://www.abrahamjoffe.com.au/ */

(function(){
var a=window.alert, c=0;
window.alert=function(q){
// Change the number below to the number of alert boxes to display before the warning is given.
if (++c%5==0) {
if (!confirm(q+'\nThere have been '+c+' alert boxes, continue displaying them?')) window.alert=function(){};
} else a(q);
}
})();

// This is only a test case. You can removed it.
function testing() {
for (var i=*; i<50; i++) {
alert('This is an annoying loop of 50 alerts.\nEvery 5th alert you will have an option to exit.\n\n'+i);
}
}


</script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Place HTML below in your BODY section
HTML

<input type="submit" value="Press to test" onclick="testing();">
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








Javascript floating message (http://www.javascript****.com/floating-message-scroller.html) - Javascript multi level drop down menu (http://www.javascript****.com/javascript-multi-level-drop-down-menu.html) - JavaScript in_array() (http://www.javascript****.com/in-array.html)

JavaScriptBank
10-05-2009, 11:36 AM
It is use microsoft filters and work only IE4/5.... detail (http://www.javascript****.com/advansed-coolest-onmouseover.html/en//)


http://www.javascript****.com/javascript.images/image/advansed-coolest-onmouseover.jpg (http://www.javascript****.com/advansed-coolest-onmouseover.html/en/)
Demo: Advansed Coolest On mouse Over (http://www.javascript****.com/javascript/image/advansed-coolest-onmouseover/preview/en/)

How to setup

Step *: Place JavaScript below in your HEAD section
JavaScript

<script>
var globopObject;
var opIndex=0;
var cleared=true;
var direction=*0;

function dynOpacity(opObject,stop)
{
if (stop)
{
clearInterval(window.tm);
cleared=true;
opIndex=*0;
return;
}
globopObject=opObject;
if (opIndex>**0) direction=-4;
if (opIndex<0) direction=4;
opIndex+=direction;
globopObject.style.filter='alpha(opacity:' + opIndex + ')';
if (cleared)
{
window.tm=setInterval("dynOpacity(globopObject,false);",*);
cleared=false;
}
//alert(window.tm);

}

function handleevent()
{

if (event.type=="mouseover")
if(event.srcElement.tagName=="IMG")
if (event.srcElement.parentElement.tagName=="A")
{
dynOpacity(event.srcElement,false);
}
if (event.type=="mouseout")
if(event.srcElement.tagName=="IMG")
{
event.srcElement.style.filter="";
dynOpacity(event.srcElement,true);
}
}
document.onmouseover=handleevent;
document.onmouseout=handleevent;

</script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Copy & Paste HTML code below in your BODY section
HTML

<a href="http://javascript****.com/"><img src="logojs.gif" width="*40" height="60" border="0"></a><br>

<a href="http://javascript****.com/"><img src="logojs.gif" width="*40" height="60" border="0"></a><br>
<a href="http://javascript****.com/"><img src="logojs.gif" width="*40" height="60" border="0"></a>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








Javascript Music Player (http://www.javascript****.com/web-based-music-player.html/en/) - Random Text Generator (http://www.javascript****.com/random-text-generator.html) - Floating Image Script (http://www.javascript****.com/up-down-floating-image.html)

JavaScriptBank
10-12-2009, 11:21 AM
This JavaScript (http://www.javascript****.com/javascript/) displays a countdown timer (http://www.javascript****.com/javascript/time/clock-time-date/) and alerts the user when the timer reaches zero. It then redirects to another Web ... detail (http://www.javascript****.com/javascript-countdown-timer.html/en//)


http://www.javascript****.com/javascript.images/time/countdown-timer.jpg (http://www.javascript****.com/javascript-countdown-timer.html/en/)
Demo: JavaScript Countdown Timer (http://www.javascript****.com/javascript/time/counter/javascript-countdown-timer/preview/en/)

How to setup

Step *: Copy & Paste CSS code below in your HEAD section
CSS

<style type="text/css">
#txt {
border:none;
font-family:verdana;
font-size:*6pt;
font-weight:bold;
border-right-color:#FFFFFF
}

</style>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Copy & Paste JavaScript code below in your HEAD section
JavaScript

<script language="javascript">
// Created by: Neill Broderick :: http://www.bespoke-software-solutions.co.uk/downloads/downjs.php

var mins
var secs;

function cd() {
mins = * * m("*0"); // change minutes here
secs = 0 + s(":0*"); // change seconds here (always add an additional second to your total)
redo();
}

function m(obj) {
for(var i = 0; i < obj.length; i++) {
if(obj.substring(i, i + *) == ":")
break;
}
return(obj.substring(0, i));
}

function s(obj) {
for(var i = 0; i < obj.length; i++) {
if(obj.substring(i, i + *) == ":")
break;
}
return(obj.substring(i + *, obj.length));
}

function dis(mins,secs) {
var disp;
if(mins <= *) {
disp = " 0";
} else {
disp = " ";
}
disp += mins + ":";
if(secs <= *) {
disp += "0" + secs;
} else {
disp += secs;
}
return(disp);
}

function redo() {
secs--;
if(secs == -*) {
secs = 5*;
mins--;
}
document.cd.disp.value = dis(mins,secs); // setup additional displays here.
if((mins == 0) && (secs == 0)) {
window.alert("Time is up. Press OK to continue."); // change timeout message as required
// window.location = "yourpage.htm" // redirects to specified page once timer ends and ok button is pressed
} else {
cd = setTimeout("redo()",*000);
}
}

function init() {
cd();
}
window.onload = init;
</script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step *: Copy & Paste HTML code below in your BODY section
HTML

<form name="cd">
<input id="txt" readonly="true" type="text" value="*0:00" border="0" name="disp">
</form>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








JavaScript Line Graph script (http://www.javascript****.com/line-graph-script-index.html) - JavaScript Virtual Key***rd (http://www.javascript****.com/virtualkey***rd-index.html) - JavaScript Horizontal Slider (http://www.javascript****.com/horizontal-slider-javascript-v2-2.html)

JavaScriptBank
10-21-2009, 11:12 AM
This JavaScript (http://www.javascript****.com/javascript/) creates slideshow effect with one of transitions.... detail (http://www.javascript****.com/image-slideshow-transition.html/en//)


http://www.javascript****.com/javascript.images/image/image-slideshow-transition.jpg (http://www.javascript****.com/javascript/image/slideshow/image-slideshow-transition/preview/en/)
Demo: Image slideshow transition (http://www.javascript****.com/image-slideshow-transition.html/en/)


How to setup

Step *: Copy & Paste JavaScript code below in your HEAD section
JavaScript

<script LANGUAGE="JavaScript*.*">
<!-- Beginning of JavaScript -

messages = new Array()
//anh dung de tao hieu ung
messages[0] = "<img src=logojs.gif>"
messages[*] = "<img src=photo*.jpg>"
messages[2] = "<img src=photo2.jpg>"
messages[*] = "<img src=photo*.jpg>"
messages[4] = "<img src=photo4.jpg>"

var i_messages = 0
var timer

function dotransition() {
if (document.all) {
content.filters[0].apply()
content.innerHTML = messages[i_messages]
content.filters[0].play()
if (i_messages >= messages.length-*) {
i_messages = 0
}
else {
i_messages++
}
}

if (document.layers) {
document.nn.document.write("<table cellspacing=2 cellpadding=2 border=0><tr><td align=left>"+messages[i_messages]+"</td></tr></table>")
document.close()
if (i_messages >= messages.length-*) {
i_messages = 0
}
else {
i_messages++
}
}
timer = setTimeout("dotransition()",5000)
}
// - End of JavaScript - -->
</script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Place HTML below in your BODY section
HTML

<BODY onload="dotransition()">
<DIV id=content style="position: relative; width:*60px; height:240px; text-align:center; filter: revealTrans(Transition=*2, Duration=*)"></DIV>
</BODY>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








Javascript floating message (http://www.javascript****.com/floating-message-scroller.html) - Javascript multi level drop down menu (http://www.javascript****.com/javascript-multi-level-drop-down-menu.html) - JavaScript in_array() (http://www.javascript****.com/in-array.html)

JavaScriptBank
10-25-2009, 11:36 PM
Bring the sound of life - music to your visitors by this JavaScript. It is an advanced web based midi player that actually enables you to jump, pause, and manipulate the play list like never before.... detail (http://www.javascript****.com/web-based-music-player.html/en//)


http://www.javascript****.com/javascript.images/multimedia/web-based-music-player.jpg (http://www.javascript****.com/javascript/multimedia/sound/web-based-music-player/preview/en/)
Demo: Web based Music Player (http://www.javascript****.com/web-based-music-player.html/en/)


How to setup

Step *: Use JavaScript code below to setup the script
JavaScript

<SCRIPT language=JavaScript>
<!-- Begin
counter = 0;
html = true;
songs = new Array();
function addsong() {
file = document.forms[0].file.value;
if(file == "") {
alert("Entra un nombre de archivo o da click en Examinar..");
}
else {
fn = file;
while(fn.indexOf() != -*) {
pos = fn.indexOf();
fn = fn.substring(fn.lenght);
}
if(fn.indexOf(".gif") == *) {
alert("Sólo sonidos o música");
}
else {
songs[counter] = file;
document.forms[0].selMusica[counter] = new Option(fn, file, false, true);
counter++;
}
document.forms[0].file.value = "";
}
}
function musica() {
document.all.sound.src=document.clock.selMusica.options[document.clock.selMusica.selectedIndex].text;
}
function stop() {
document.all.sound.src="";
}
function count() {
document.clock.songs.value=document.clock.selMusica.options.length;
}
function deletethis() {
if(counter > 0) {
counter--;
document.forms[0].selMusica[counter] = null;
songs[counter] = "";
}
else {
alert("No hay nada en la lista!");
}
}
function bajar() {
document.clock.selMusica.options[document.clock.selMusica.selectedIndex++];
saber2();
saber();
}
function subir() {
document.clock.selMusica.options[document.clock.selMusica.selectedIndex--];
saber2();
saber();
}
function saber() {
document.clock.url.value=document.clock.selMusica.options[document.clock.selMusica.selectedIndex].text;
}
function saber2() {
fn = document.clock.selMusica.options[document.clock.selMusica.selectedIndex].text;
char = unescape("%5C");
while(fn.indexOf(char) != -*) {
pos = fn.indexOf(char);
fn = fn.substring(pos + *, fn.length);
document.clock.nombre.value=fn;
}
}
// End-->
</SCRIPT>

Step 2: Place HTML below in your BODY section
HTML

<BODY onclick=count() onload=count()>
<BGSOUND id=sound src="">
<FORM name=clock><INPUT type=file name=file size="20"> <INPUT onclick=addsong() type=button value=Add><INPUT onclick=deletethis() type=button value=Delete><BR><INPUT onclick=musica() type=button value=Listen name=empezar>
<INPUT onclick=stop() type=button value=Stop name=detener> You have:<INPUT
readOnly size=2 name=songs>song(s) in the list.<BR>Name of the song:<INPUT
size=25 name=nombre><INPUT onclick="saber2(); saber()" type=button value="Know Name & Url">Url
of the song:<INPUT size=** name=url> <BR><INPUT onclick=bajar() type=button value=MoveDown><INPUT onclick=subir() type=button value=MoveUp><BR><BR><SELECT
multiple size=20 name=selMusica></SELECT> </FORM>
</BODY>







AJAX news ticker (http://www.javascript****.com/rss-ajax-newsticker.html) - JavaScript Re***** Page (http://www.javascript****.com/re*****-page-automatic.html/en/) - JavaScript Unclosable Window (http://www.javascript****.com/blink.html)

JavaScriptBank
11-01-2009, 08:20 PM
Use this simple JavaScript (http://www.javascript****.com/javascript/) to make all links (http://www.javascript****.com/javascript/link/) on your web pages open in new tab/window. Script is easy to setup, you should save them into a f... detail (http://www.javascript****.com/make-link-open-in-new-tab-window.html/en//)


http://www.javascript****.com/javascript.images/link/make-link-open-in-new-tab-window.jpg (http://www.javascript****.com/javascript/link/make-link-open-in-new-tab-window/preview/en/)
Demo: Make link open in new tab/window (http://www.javascript****.com/make-link-open-in-new-tab-window.html/en/)


How to setup

Step *: Copy & Paste JavaScript code below in your HEAD section
JavaScript

<script language=javascript>
/*
Kevin Yank
http://www.sitepoint.com/authorcontact/48
*/
function externalLinks()
{
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++)
{
var anchor = anchors[i];
if(anchor.getAttribute("href"))
anchor.target = "_blank";
}
}
window.onload = externalLinks;

</script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Copy & Paste HTML code below in your BODY section
HTML

<a href="http://javascript****.com/">Home</a> |
<a href="http://javascript****.com/4rum/">Forum</a> |
<a href="http://javascript****.com/javascript/">JavaScript</a> |
<a href="http://javascript****.com/service/">Services</a> |
<a href="http://javascript****.com/javascript/submit-javascript-****.html">Submit script</a> |
<a href="http://javascript****.com/thietkeweb/javascriptmall/">Documentary</a> |
<a href="http://javascript****.com/javascript/contact-javascript-****.html">Contact us</a> |
<a href="http://javascript****.com/javascript/aboutus-javascript-****.html">About us</a>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








JavaScript Bookmark Page script (http://www.javascript****.com/bookmark-page-script.html) - JavaScript Color Wheel (http://www.javascript****.com/color-wheel.html) - JavaScript Image slideshow (http://www.javascript****.com/image-slideshow-transition.html)

JavaScriptBank
11-09-2009, 11:10 AM
AJAX - a very great web development technology nowaday. Use this AJAX (http://www.javascript****.com/javascript/ajax/) in order to load XML and HTML files on the same website with XMLHttpRequest. And in the <code>body... detail (http://www.javascript****.com/ajax-page-content-loader.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/ajax/ajax-page-content-loader.jpg (http://www.javascript****.com/javascript/ajax/ajax-page-content-loader/preview/en/)
Demo: AJAX Page Content Loader (http://www.javascript****.com/ajax-page-content-loader.html/en/)


How to setup

Step *: Use CSS code below for styling the script
CSS

<style type="text/css">
<!--
#contentLYR {
position:relative;/*
width:200px;
height:**5px;
left: 200px;
top: 200px;*/
z-index:*;
}
-->
</style>

Step 2: Place JavaScript below in your HEAD section
JavaScript

<script type="text/javascript">
<!-- Begin
/*
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
*/

// Created by: Eddie Traversa (2005) :: http://dhtmlnirvana.com/
function ajaxLoader(url,id) {
if (document.getElementById) {
var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
}
if (x) {
x.onreadystatechange = function() {
if (x.readyState == 4 && x.status == 200) {
el = document.getElementById(id);
el.innerHTML = '<JavaScript****>This is content of demo.xml file</JavaScript****>';//x.responseText;
}
}
x.open("GET", url, true);
x.send(null);
}
}
//-->
</script>

Step *: Copy & Paste HTML code below in your BODY section
HTML

<div id="contentLYR"></div>
<script>window.onload = function(){ajaxLoader('demo.xml','contentLYR');}</script>

Step 4: Download files below
Files
demo.xml (http://www.javascript****.com/javascript/ajax/AJAX_Page_Content_Loader/demo.xml)







JavaScript Enlarge Image (http://www.javascript****.com/enlarge-image-2.html/en/) - JavaScript Fading Slide Show (http://www.javascript****.com/fading-slide-show.html) - JavaScript Rotating Image script (http://www.javascript****.com/rotating-image-script.html)

JavaScriptBank
11-16-2009, 01:19 AM
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 (http://www.javascript****.com/top-*0-javascript-frameworks-by-google--yahoo--bing.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/article/top-*0-javascript-frameworks-by-google--yahoo--bing.jpg (http://www.javascript****.com/javascript/article/top-*0-javascript-frameworks-by-google--yahoo--bing/preview/en/)
Demo: Top *0 JavaScript Frameworks by Google, Yahoo, Bing (http://www.javascript****.com/top-*0-javascript-frameworks-by-google--yahoo--bing.html/en/)


How to setup







AJAX news ticker (http://www.javascript****.com/rss-ajax-newsticker.html) - JavaScript Re***** Page (http://www.javascript****.com/re*****-page-automatic.html/en/) - JavaScript Unclosable Window (http://www.javascript****.com/blink.html)

JavaScriptBank
11-19-2009, 08:54 PM
This JavaScript code - date picker (http://www.javascript****.com/=date picker) helps you choose a time through a popup window (http://www.javascript****.com/javascript/browser/popup/). Perhaps this feature is not new on J... detail (http://www.javascript****.com/) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/time/time-picker-with-child-window.jpg (http://www.javascript****.com/javascript/time/clock-time-date/time-picker-with-child-window/preview/en/)
Demo: Time Picker with child window (http://www.javascript****.com/time-picker-with-child-window.html/en/)


[U]How to setup

Step *: Use JavaScript code below to setup the script
JavaScript

<script language="JavaScript" type="text/javascript" src="timePicker.js">
/*
Bassem R. Zohdy | bassem.zohdy@**********
*/
</script>

Step 2: Place HTML below in your BODY section
HTML

<form name="form*">
<input id="field" onkeydown="time(this.id)"/>
</form>

Step *: must download files below
Files
down.jpg (http://www.javascript****.com/javascript/time/Time_Picker_with_child_window/down.jpg)
time.html (http://www.javascript****.com/javascript/time/Time_Picker_with_child_window/time.html)
timePicker.js (http://www.javascript****.com/javascript/time/Time_Picker_with_child_window/timePicker.js)
up.jpg (http://www.javascript****.com/javascript/time/Time_Picker_with_child_window/up.jpg)







Javascript Music Player (http://www.javascript****.com/web-based-music-player.html/en/) - Random Text Generator (http://www.javascript****.com/random-text-generator.html) - Floating Image Script (http://www.javascript****.com/up-down-floating-image.html)

JavaScriptBank
11-22-2009, 09:24 PM
Displays images continuously in a slideshow presentation format, with a fade effect on image (http://www.javascript****.com/javascript/image/) transitions. (Fade in Internet Explorer 4+ only).... detail (http://www.javascript****.com/fading-slide-show.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/image/fading-slide-show.jpg (http://www.javascript****.com/javascript/image/slideshow/fading-slide-show/preview/en/)
Demo: Fading Slide Show (http://www.javascript****.com/fading-slide-show.html/en/)


How to setup

Step *: Copy & Paste JavaScript code below in your HEAD section
JavaScript

<script>
/*
Original: CodeLifter.com (support@codelifter.com)
Web Site: http://www.codelifter.com
*/

// set the following variables
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = *

// 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[*] = 'photo*.jpg'
Pic[2] = 'logojs.gif'
Pic[*] = '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 + *
if (j > (p-*)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Copy & Paste HTML code below in your BODY section
HTML

<body onLoad="runSlideShow()">
<img id="VU" src="logojs.gif" name='SlideShow'>
</body>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








Command to print web page in javascript (http://www.javascript****.com/window-print-method.html) - Javascript Time Picker (http://www.javascript****.com/time-picker-with-child-window.html) - JavaScript Go To URL Box (http://www.javascript****.com/go-to-url.html)

Awaycle
11-26-2009, 09:56 AM
i want to get ads content from a file ads.php or ads.html, but its must be with javascript


can you give simple JAVASCRIPT code that i can use in vb template to load above files content?

JavaScriptBank
11-29-2009, 08:23 PM
This JavaScript (http://www.javascript****.com/javascript/) integrates complete virtual key***rd solution to the any web page. It does support mouse input, as well as key***rd input translation. Plain text and rich te... detail (http://www.javascript****.com/virtualkey***rd-index.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/utility/virtualkey***rd-index.jpg (http://www.javascript****.com/javascript/utility/virtualkey***rd-index/preview/en/)
Demo: Virtual Key***rd (http://www.javascript****.com/virtualkey***rd-index.html/en/)


How to setup

Step *: Place JavaScript below in your HEAD section
JavaScript

<script type="text/javascript" src="vk_loader.js" ></script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Place HTML below in your BODY section
HTML

<form action="no.cgi" method="get">
<div>
Subject:<br />

<input name="testa" id="testa" type="text" onfocus="VirtualKey***rd.attachInput(this)" /><br />
Password (has key***rd animation disabled):<br />
<input name="test_pwd" id="test_pwd" type="password" class="VK_no_animate" onfocus="VirtualKey***rd.attachInput(this)" /><br />
Text:<br />
<textarea name="testb" id="testb" type="text" cols="55" rows="*0" wrap="soft" onfocus="VirtualKey***rd.attachInput(this)"></textarea>
<br />
<br />

<div id="td"></div>
<br />
<input id="showkb" type="button" value="Key***rd" onclick="VirtualKey***rd.toggle('testb','td'); return false;" />
</div>
<div id="dbg">
</div>
</form>
<script type="text/javascript">
EM.addEventListener(window,'domload',function(){
/*
* open the key***rd
*/
VirtualKey***rd.toggle('testb','td');
var el = document.getElementById('sul')
,lt = VirtualKey***rd.getLayouts()
,dl = window.location.href.replace(/[?#].+/,"")
for (var i=0,lL=lt.length; i<lL; i++) {
var cl = lt[i];
cl = cl[0]+" "+cl[*];
lt[i] = "<a href=\""+dl+"?vk_layout="+cl+"\" onclick=\"VirtualKey***rd.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.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step *: must download files below
Files
Virtual_Key***rd.zip (http://javascript****.com/javascript/utility/VirtualKey***rd/Virtual_Key***rd.zip)







Command to print web page in javascript (http://www.javascript****.com/window-print-method.html) - Javascript Time Picker (http://www.javascript****.com/time-picker-with-child-window.html) - JavaScript Go To URL Box (http://www.javascript****.com/go-to-url.html)

JavaScriptBank
12-02-2009, 11:44 PM
Keep your content *****. Use this JavaScript (http://www.javascript****.com/javascript/) to automatically reload a ***** copy of your Web page from the server. You determine the time (http://www.javascript****.com/javascript/time/) de... detail (http://www.javascript****.com/re*****-page-automatic.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/browser/re*****-page-automatic.jpg (http://www.javascript****.com/javascript/browser/window/re*****-page-automatic/preview/en/)
Demo: Re***** Page - Automatic (http://www.javascript****.com/re*****-page-automatic.html/en/)


How to setup

Step *: Use JavaScript code below to setup the script
JavaScript

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








JavaScript Countdown Timer (http://www.javascript****.com/javascript-countdown-timer.html/en/) - JavaScript Currency Format (http://www.javascript****.com/currency-format-script.html) - JavaScript Format Phone Number (http://www.javascript****.com/format-phone-number.html)

JavaScriptBank
12-07-2009, 09:39 PM
This JavaScript (http://www.javascript****.com/javascript/) verifies that a string looks like a real e-mail (http://www.javascript****.com/javascript/email/) address.... detail (http://www.javascript****.com/validate-e-mail.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/email/validate-e-mail.jpg (http://www.javascript****.com/javascript/email/validate-e-mail/preview/en/)
Demo: JavaScript Validate E-Mail (http://www.javascript****.com/validate-e-mail.html/en/)


How to setup

Step *: Place JavaScript below in your HEAD section
JavaScript

<script language="javascript">
// Created by: Francis Cocharrua :: http://scripts.franciscocharrua.com/

function Validate_String(string, return_invalid_chars) {
valid_chars = '*2*45678*0-_.^~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, *);

//Is it a valid character?
if(valid_chars.indexOf(char) == -*) {
//If not, is it already on the list of invalid characters?
if(invalid_chars.indexOf(char) == -*) {
//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 != -*)
invalid_chars = invalid_chars.substr(0, $last_comma) +
' and ' + invalid_chars.substr(last_comma + *, invalid_chars.length);
return(invalid_chars);
}
else
return(invalid_chars == '');
}


function Validate_Email_Address(email_address){
// Modified and tested by Thai Cao Phong, JavaScript****.com
//Assumes that valid email addresses consist of user_name@domain.tld

at = email_address.indexOf('@');
dot = email_address.indexOf('.');

if(at == -* ||
dot == -* ||
dot <= at + * ||
dot == 0 ||
dot == email_address.length - *)
{
alert("Invalid email");
return(false);
}

user_name = email_address.substr(0, at);
domain_name = email_address.substr(at + *, 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.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Place HTML below in your BODY section
HTML

<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.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








JavaScript Countdown Timer (http://www.javascript****.com/javascript-countdown-timer.html/en/) - JavaScript Currency Format (http://www.javascript****.com/currency-format-script.html) - JavaScript Format Phone Number (http://www.javascript****.com/format-phone-number.html)

JavaScriptBank
12-09-2009, 08:58 PM
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 (http://www.javascript****.com/top-*0-beautiful-christmas-countdown-timers.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/article/top-*0-beautiful-christmas-countdown-timers.jpg (http://www.javascript****.com/javascript/article/top-*0-beautiful-christmas-countdown-timers/preview/en/)
Demo: JavaScript Top *0 Beautiful Christmas Countdown Timers (http://www.javascript****.com/top-*0-beautiful-christmas-countdown-timers.html/en/)


How to setup







Javascript Music Player (http://www.javascript****.com/web-based-music-player.html/en/) - Random Text Generator (http://www.javascript****.com/random-text-generator.html) - Floating Image Script (http://www.javascript****.com/up-down-floating-image.html)

JavaScriptBank
12-13-2009, 08:08 PM
This is a purely DHTML/ CSS (http://www.javascript****.com/javascript/css/) based Line Graph script. It loads fast and blends in with the rest of the page. You can even use a transparent detail (http://www.javascript****.com/javascript/backgroun... http://www.javascript****.com/javascript.images/graphic/line-graph-script-index.jpg (http://www.javascript****.com/javascript/graphic/line-graph-script-index/preview/en/)
Demo: JavaScript Line Graph script (http://www.javascript****.com/line-graph-script-index.html/en/)
[/CENTER]

[U]How to setup

Step *: Copy & Paste JavaScript code below in your HEAD section
JavaScript

<script type="text/javascript" src="wz_jsgraphics.js"></script>
<script type="text/javascript" src="line.js"></script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Copy & Paste HTML code below in your BODY section
HTML

<div id="lineCanvas" style="overflow: auto; position:relative;height:*00px;width:400px;"></div>

<script type="text/javascript">
var g = new line_graph();
g.add('*', *45);
g.add('2', 0);
g.add('*', *75);
g.add('4', **0);
g.add('5', *50);
g.add('6', *75);
g.add('7', 205);
g.add('8', *25);
g.add('*', *25);
g.add('*0', **5);
g.add('**', *25);

g.render("lineCanvas", "Line Graph");
</script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step *: Download files below
Files
line.js (http://javascript****.com/javascript/graphic/Line_Graph_script/line.js)
wz_jsgraphics.js (http://javascript****.com/javascript/graphic/Line_Graph_script/wz_jsgraphics.js)







JavaScript Bookmark Page script (http://www.javascript****.com/bookmark-page-script.html) - JavaScript Color Wheel (http://www.javascript****.com/color-wheel.html) - JavaScript Image slideshow (http://www.javascript****.com/image-slideshow-transition.html)

JavaScriptBank
12-16-2009, 08:04 PM
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 (http://www.javascript****.com/falling-snowflakes-with-images.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/multimedia/falling-snowflakes-with-images.jpg (http://www.javascript****.com/javascript/multimedia/events/falling-snowflakes-with-images/preview/en/)
Demo: JavaScript Falling Snowflakes with images (http://www.javascript****.com/falling-snowflakes-with-images.html/en/)


How to setup

Step *: Place JavaScript below in your HEAD section
JavaScript

<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="snow*.gif"
// Configure below to change number of snow to render
var no = *0;
// 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) ? * : 0;
var ns6up = (document.getElementById&&!document.all) ? * : 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")!=-*)? "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()/*0; // 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: *5px; LEFT: *5px;"><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: *5px; LEFT: *5px;"><img src='"+snowsrc+"' border="0"></div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-*0 : iecompattest().clientWidth-*0;
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]-*0);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/*0;
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()", *0);
}

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**000)
}

</script>

Step 2: must download files below
Files
snow*.gif (http://www.javascript****.com/javascript/multimedia/Falling_Snowflakes_with_images/snow*.gif)







Javascript Music Player (http://www.javascript****.com/web-based-music-player.html/en/) - Random Text Generator (http://www.javascript****.com/random-text-generator.html) - Floating Image Script (http://www.javascript****.com/up-down-floating-image.html)

JavaScriptBank
12-19-2009, 11:10 AM
In the environment of Internet in any country, beside the web promotion - one of Internet marketing UK (http://www.mediabug.com/) aspects; if a company or a website want to success; it nee... detail (http://www.javascript****.com/40-super-nice-javascript-extensions-and-plugins.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/article/40-super-nice-javascript-extensions-and-plugins.jpg (http://www.javascript****.com/javascript/article/40-super-nice-javascript-extensions-and-plugins/preview/en/)
Demo: JavaScript 40 Super Nice JavaScript Extensions and Plugins (http://www.javascript****.com/40-super-nice-javascript-extensions-and-plugins.html/en/)


How to setup







Javascript Music Player (http://www.javascript****.com/web-based-music-player.html/en/) - Random Text Generator (http://www.javascript****.com/random-text-generator.html) - Floating Image Script (http://www.javascript****.com/up-down-floating-image.html)

gulfine09
12-22-2009, 07:33 PM
dev-c is good.

gcc is the classic one, but it pretty much works on command line only.

or there are a few editors out there that are free that will work with gcc to edit and compile code at the same time.

JavaScriptBank
12-23-2009, 07:57 PM
World clock (http://www.javascript****.com/javascript/time/clock-time-date/) script with unusual design. Cross-browser (IE4 contains additional visual effects). World clock<... detail (http://www.javascript****.com/javascript/time/clock-time-date/) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/time/world-clock-with-unique-display.jpg (http://www.javascript****.com/javascript/time/clock-time-date/world-clock-with-unique-display/preview/en/)
Demo: JavaScript World clock with unique display (http://www.javascript****.com/world-clock-with-unique-display.html/en/)


[U]How to setup

Step *: Copy & Paste CSS code below in your HEAD section
CSS

<STYLE>
.topcoverlay {
BACKGROUND-COLOR: #ffffff; FILTER: alpha(opacity=85); HEIGHT: 240px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: *000px
}
.bottomcoverlay {
BACKGROUND-COLOR: #ffffff; FILTER: alpha(opacity=85); HEIGHT: *000px; LEFT: 0px; POSITION: absolute; TOP: 25*px; WIDTH: *000px
}
</STYLE>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Use JavaScript code below to setup the script
JavaScript

<SCRIPT language=JavaScript>
<!-- Beginning of JavaScript -


var startpos=240
var bildhoehe=720
var step=*
var makepause=200
var difference=0
var local=*
var timer

function showtimelocal() {
if (local==*) {
var thistime= new Date()
var seconds=thistime.getSeconds()
var minutes=thistime.getMinutes()
var hours=thistime.getHours()
if (hours>=24) {hours=hours-24}
var secondspos=Math.floor(bildhoehe/60*seconds)
var minutespos=Math.floor(bildhoehe/60*minutes)
var hourspos=Math.floor(bildhoehe/60*hours)

if(document.all) {
document.all.secondsdiv.style.posTop=startpos-secondspos
document.all.minutesdiv.style.posTop=startpos-minutespos
document.all.hoursdiv.style.posTop=startpos-hourspos
}

if(document.layers) {
document.secondsdiv.top=startpos-secondspos
document.minutesdiv.top=startpos-minutespos
document.hoursdiv.top=startpos-hourspos
}
var timer=setTimeout("showtimelocal()",makepause)
}
else {
clearTimeout(timer)
}
}

function preUTC(thisdifference) {
clearTimeout(timer)
difference=eval(thisdifference)
local=0
showtimeUTC()
}

function inititate() {
if (document.layers) {
document.markernetscape*.visibility="VISIBLE"
document.markernetscape2.visibility="VISIBLE"
}
showtimelocal()
}

function prelocal() {
if (document.layers) {document.markernetscape.visibility="VISIBLE"}
clearTimeout(timer)
local=*
showtimelocal()
}

function showtimeUTC() {
if (local==0) {
var thistime= new Date()
var seconds=thistime.getSeconds()
var minutes=thistime.getMinutes()
var hours=thistime.getUTCHours()
hours+=difference
if (hours>=24) {hours=hours-24}
var secondspos=Math.floor(bildhoehe/60*seconds)
var minutespos=Math.floor(bildhoehe/60*minutes)
var hourspos=Math.floor(bildhoehe/60*hours)

if(document.all) {
document.all.secondsdiv.style.posTop=startpos-secondspos
document.all.minutesdiv.style.posTop=startpos-minutespos
document.all.hoursdiv.style.posTop=startpos-hourspos
}

if(document.layers) {
document.secondsdiv.top=startpos-secondspos
document.minutesdiv.top=startpos-minutespos
document.hoursdiv.top=startpos-hourspos
}
var timer=setTimeout("showtimeUTC()",makepause)
}
else {
clearTimeout(timer)
}
}

window.onload=inititate
// - End of JavaScript - -->
</SCRIPT>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step *: Place HTML below in your BODY section
HTML

<DIV id=secondsdiv style="LEFT: 200px; POSITION: absolute; TOP: 240px">
<IMG
src="rotaclock2**0.gif" width="*4" height="720"></DIV>
<DIV id=minutesdiv style="LEFT: *80px; POSITION: absolute">
<IMG
src="rotaclock2**0.gif" width="*4" height="720"></DIV>
<DIV id=hoursdiv style="LEFT: *60px; POSITION: absolute; TOP: 240px">
<IMG
src="rotaclock2**0.gif" width="*4" height="720"></DIV>
<DIV class=topcoverlay id=topcover></DIV>
<DIV class=bottomcoverlay id=bottomcover></DIV>
<DIV id=limiter*
style="COLOR: #ff0000; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LEFT: *76px; POSITION: absolute; TOP: 24*px">
:</DIV>
<DIV id=limiter2
style="COLOR: #ff0000; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LEFT: **6px; POSITION: absolute; TOP: 24*px">
:</DIV>
<DIV id=markernetscape*
style="COLOR: #ff0000; FONT-FAMILY: Arial; FONT-SIZE: *2pt; FONT-WEIGHT: bold; LEFT: *22px; POSITION: absolute; TOP: 248px; VISIBILITY: hidden"><IMG
height=* src="line2**0.gif" width=20></DIV>
<DIV id=markernetscape2
style="COLOR: #ff0000; FONT-FAMILY: Arial; FONT-SIZE: *2pt; FONT-WEIGHT: bold; LEFT: 2*0px; POSITION: absolute; TOP: 248px; VISIBILITY: hidden"><IMG
height=* src="js 46_files/line2**0.gif" width=20></DIV>
<DIV id=timezones
style="COLOR: #ff0000; FONT-FAMILY: Arial; FONT-SIZE: 8pt; LEFT: *0px; POSITION: absolute; TOP: 5px"><A
href="#"
onmouseover=prelocal()>&gt;&gt; local time</A><BR><A
href="#"
onmouseover="preUTC('-8')">Anchorage</A><BR><A
href="#"
onmouseover="preUTC('-**')">Auckland</A><BR><A
href="#"
onmouseover="preUTC('*')">Baghdad</A><BR><A
href="#"
onmouseover="preUTC('8')">Bejing</A><BR><A
href="#"
onmouseover="preUTC('-*')">Buenos Aires</A><BR><A
href="#"
onmouseover="preUTC('-6')">Denver</A><BR><A
href="#"
onmouseover="preUTC('8')">Hongkong</A><BR><A
href="#"
onmouseover="preUTC('-*')">Honolulu</A><BR><A
href="#"
onmouseover="preUTC('8')">Jakarta</A><BR><A
href="#"
onmouseover="preUTC('2')">Johannesburg</A><BR><A
href="#"
onmouseover="preUTC('2')">Kairo</A><BR><A
href="#"
onmouseover="preUTC('-5')">Lima</A><BR><A
href="#"
onmouseover="preUTC('*')">London</A><BR><A
href="#"
onmouseover="preUTC('-7')">Los Angeles</A><BR><A
href="#"
onmouseover="preUTC('4')">Moscow</A><BR><A
href="#"
onmouseover="preUTC('*')">Nairobi</A><BR><A
href="#"
onmouseover="preUTC('-4')">New York</A><BR><A
href="#"
onmouseover="preUTC('2')">Paris</A><BR><A
href="#"
onmouseover="preUTC('-2')">Rio</A><BR><A
href="#"
onmouseover="preUTC('*0')">Sydney</A><BR><A
href="#"
onmouseover="preUTC('*')">Tokyo</A><BR></DIV>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 4: Download files below
Files
rotaclock2**0.gif (http://javascript****.com/javascript/time/rotaclock2**0.gif)







JavaScript Line Graph script (http://www.javascript****.com/line-graph-script-index.html) - JavaScript Virtual Key***rd (http://www.javascript****.com/virtualkey***rd-index.html) - JavaScript Horizontal Slider (http://www.javascript****.com/horizontal-slider-javascript-v2-2.html)

JavaScriptBank
12-27-2009, 08:11 PM
This one line script changes the image (http://www.javascript****.com/javascript/image/) size and source on your thumbnail picture (http://www.javascript****.com/javascript/image/) without reloading the page or using popups.... detail (http://www.javascript****.com/enlarge-image-2.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/image/enlarge-image-2.jpg (http://www.javascript****.com/javascript/image/enlarge-image-2/preview/en/)
Demo: JavaScript Enlarge Image 2 (http://www.javascript****.com/enlarge-image-2.html/en/)


How to setup

Step *: Copy & Paste HTML code below in your BODY section
HTML

<b>Single-click the image to enlarge it; double-click to make it small again.</b><br>

<img src="gif_logojsb2.gif" onclick="this.src='gif_logojsb2.gif';this.height=*80;this.width=480" ondblclick="this.src='gif_logojsb2.gif';this.height=60;this.width=*50">
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








JavaScript Spotlight (http://www.javascript****.com/spotlight-index.html) - JavaScript Validate E-Mail (http://www.javascript****.com/validate-e-mail.html) - AJAX Page Content Loader (http://www.javascript****.com/ajax-page-content-loader.html/en/)

JavaScriptBank
12-30-2009, 07:23 PM
This JavaScript tutorial (http://www.javascript****.com/thietkeweb/javascriptmall/) will show you how to combine RSS, AJAX, and JavaScript (http://www.javascript****.com/javascript/) to create a real-time RSS ticker.

Thanks to AJAX... detail (http://www.javascript****.com/rss-ajax-newsticker.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/ajax/rss-ajax-newsticker.jpg (http://www.javascript****.com/javascript/ajax/rss-ajax-newsticker/preview/en/)
Demo: JavaScript RSS AJAX Newsticker (http://www.javascript****.com/rss-ajax-newsticker.html/en/)


How to setup

Step *: Use JavaScript code below to setup the script
JavaScript

<script type="text/javascript" src="rssticker.js"></script>

Step 2: Place HTML below in your BODY section
HTML

CNN:
<DIV style="HEIGHT: *00px; border-style: dotted; border-width: *px; background-color: silver; text-align: left;">
<script type="text/javascript">
//rss_ticker(RSS_id, cachetime, divId, divClass, delay, optionalswitch)
new rss_ticker("CNN", 60, "cnnbox", "cnnclass", 200)

</script>
</DIV>
<br><br><br>
Each ticker on the page can be invoked independently, for example:
<DIV style="HEIGHT: *00px; border-style: dotted; border-width: *px; background-color: silver; text-align: left;">
<PRE><script type="text/javascript">
//rss_ticker(RSS_id, cachetime, divId, divClass, delay, optionalswitch)
new rss_ticker("CNN", 60, "cnnbox", "cnnclass", 2000)
</script></PRE>

</DIV>

Step *: downloads
Files
rssticker.js (http://www.javascript****.com/javascript/ajax/RSS_AJAX_Newsticker/rssticker.js)







JavaScript Spotlight (http://www.javascript****.com/spotlight-index.html) - JavaScript Validate E-Mail (http://www.javascript****.com/validate-e-mail.html) - AJAX Page Content Loader (http://www.javascript****.com/ajax-page-content-loader.html/en/)

JavaScriptBank
01-11-2010, 10:25 AM
Cast an interactive 'spotlight' on the image of your choice using this DHTML script. Move the light about using your mouse. This cool effect works in IE4+, degrading well with the rest.... detail (http://www.javascript****.com/spotlight-index.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/background/spotlight.jpg (http://www.javascript****.com/javascript/background/spotlight-index/preview/en/)
Demo: JavaScript Spotlight (http://www.javascript****.com/spotlight-index.html/en/)


How to setup

Step *: Use CSS code below for styling the script
CSS

<style type="text/css">
<!--
body{
background-image : url('none') !important;
}

#content{
background-color : #ffffff;
position : absolute;
top : 0px;
left : 0px;
padding : *0px;
visibility : hidden;
}

#light{
position : absolute;
top : 0px;
left : 0px;
overflow : hidden;
}
//-->
</style>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Copy & Paste HTML code below in your BODY section
HTML

<script type="text/javascript" src="spotlight_part_*.js"></script>
<script type="text/javascript" src="spotlight_part_2.js"></script>
<div style="z-index: **0;"></div>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step *: Download files below
Files
spotlight_part_*.js (http://javascript****.com/javascript/background/spotlight/spotlight_part_*.js)
spotlight_part_2.js (http://javascript****.com/javascript/background/spotlight/spotlight_part_2.js)

spotlight.gif (http://javascript****.com/javascript/background/spotlight/spotlight.gif)







Javascript floating message (http://www.javascript****.com/floating-message-scroller.html) - Javascript multi level drop down menu (http://www.javascript****.com/javascript-multi-level-drop-down-menu.html) - JavaScript in_array() (http://www.javascript****.com/in-array.html)

JavaScriptBank
01-14-2010, 07:00 PM
One of the many cursor (http://www.javascript****.com/javascript/very nice mouse/) codes in our JavaScript library, this one creates dancing stars animating around your pointers mouse. This cur... detail (http://www.javascript****.com/=cursor move) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/mouse/dancing-animation-stars-cursor.jpg (http://www.javascript****.com/javascript/mouse/trailer/dancing-animation-stars-cursor/preview/en/)
Demo: JavaScript Dancing Animation Stars Cursor (http://www.javascript****.com/dancing-animation-stars-cursor.html/en/)


[U]How to setup

Step *: Place JavaScript below in your HEAD section
JavaScript

<script language="JavaScript">
<!--
/*
Dancing Stars cursor (Submitted by Kurt at kurt.grigg@virgin.net)
Modified and permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and *00's more DHTML scripts, visit http://dynamicdrive.com
*/

if (document.all){
document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
for (xy=0;xy<7;xy++)
document.write('<div style="position:relative;width:*px;height:*px;background:#FFFF00;font-size:2px;visibility:visible"></div>')
document.write('</div>')
}

if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var yAmpl = *0;
var yMax = 40;
var step = .2;
var ystep = .5;
var currStep = 0;
var tAmpl=*;
var Xpos = *;
var Ypos = *;
var i = 0;
var j = 0;

if (document.all)
{
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler;
}

else if (document.layers)
{
function xMoveHandler(evnt){
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = xMoveHandler;
}



function animateLogo() {
if (document.all)
{
yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
yBase = window.innerHeight/4 ;
xBase = window.innerWidth/4;
}

if (document.all)
{
var totaldivs=document.all.starsDiv.all.length
for ( i = 0 ; i < totaldivs ; i++ )
{
var tempdiv=document.all.starsDiv.all[i].style
tempdiv.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(*0+currStep/*0)+0.2)*Math.cos((currStep + i*25)/*0);
tempdiv.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(*0+currStep/*0)+0.2)*Math.cos((currStep + i*25)/*0);
}
}

else if (document.layers)
{
for ( j = 0 ; j < 7 ; j++ )
{
var templayer="a"+j
document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(*0+currStep/*0)+0.2)*Math.cos((currStep + j*25)/*0);
document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(*0+currStep/*0)+0.2)*Math.cos((currStep + j*25)/*0);
}
}
currStep += step;
setTimeout("animateLogo()", *5);
}
animateLogo();
// -->
</script>

Step 2: Copy & Paste HTML code below in your BODY section
HTML

<LAYER NAME="a0" LEFT=*0 TOP=*0 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,*,*"></LAYER>
<LAYER NAME="a*" LEFT=*0 TOP=*0 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,*,*"></LAYER>
<LAYER NAME="a2" LEFT=*0 TOP=*0 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,*,*"></LAYER>
<LAYER NAME="a*" LEFT=*0 TOP=*0 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,*,*"></LAYER>
<LAYER NAME="a4" LEFT=*0 TOP=*0 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,*,*"></LAYER>
<LAYER NAME="a5" LEFT=*0 TOP=*0 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,*,*"></LAYER>
<LAYER NAME="a6" LEFT=*0 TOP=*0 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,*,*"></LAYER>







Javascript Music Player (http://www.javascript****.com/web-based-music-player.html/en/) - Random Text Generator (http://www.javascript****.com/random-text-generator.html) - Floating Image Script (http://www.javascript****.com/up-down-floating-image.html)

JavaScriptBank
01-18-2010, 08:40 PM
When designing web site (http://www.javascript****.com/), sometimes we need to fill areas of layout with some text, and we usually do this thing by making some copy & paste (http://www.javascript****.com/title=copy paste) on any conte... detail (http://www.javascript****.com/random-text-generator.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/utility/random-text-generator.jpg (http://www.javascript****.com/javascript/utility/generator/random-text-generator/preview/en/)
Demo: JavaScript Random Text Generator (http://www.javascript****.com/random-text-generator.html/en/)


How to setup

Step *: Use JavaScript code below to setup the script
JavaScript

<script type="text/javascript">
// Created by: Will Munslow | http://subterrane.com

function objectTag() {
var lorem = new Array();

switch(document.loremForm.loremString.value) {
case "latin": {
lorem[0] = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.";
break;
}
case "silly": {
lorem[0] = "Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.";
break;
}
case "spanish": {
lorem[0] = "Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilit? de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.";
break;
}
case "italian": {
lorem[0] = "Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es."
break;
}
}

if ("characters" == document.loremForm.type.value) {
var outputString = '';
var numOfChars = document.loremForm.numbers.value;
numOfChars = parseInt( numOfChars );
var tempString = lorem.join( "nn" );
while (
outputString.length < numOfChars ) outputString += tempString;
document.loremForm.output.value = outputString.substring(0, numOfChars ); // changed
} else if("words" == document.loremForm.type.value) {
var numOfWords = document.loremForm.numbers.value;
numOfWords = parseInt( numOfWords );
var list = new Array();
var wordList = new Array();
wordList = lorem[0].split( ' ' );
var iParagraphCount = 0;
var iWordCount = 0;

while( list.length < numOfWords ) {
if( iWordCount > wordList.length ) {
iWordCount = 0;
iParagraphCount++;
if( iParagraphCount + * > lorem.length ) iParagraphCount = 0;
wordList = lorem[ iParagraphCount ].split( ' ' );
wordList[0] = "nn" + wordList[ 0 ];
}
list.push( wordList[ iWordCount ] );
iWordCount++;
}
document.loremForm.output.value = list.join(' '); // changed
} else {
var numOfParagraphs = document.loremForm.numbers.value;
numOfParagraphs = parseInt( numOfParagraphs );
var list = new Array();
var iParagraphCount = 0;

while(list.length < numOfParagraphs) {
if(iParagraphCount +* > lorem.length) {
iParagraphCount = 0;
}
list.push( lorem[iParagraphCount] );
iParagraphCount++;
}
document.loremForm.output.value = list.join( "nn" ); // changed
}
}

function copypaste() {
document.loremForm.output.focus();
document.loremForm.output.select();
therange=document.loremForm.output.createTextRange();
therange.execCommand("Copy");
}
</script>

Step 2: Copy & Paste HTML code below in your BODY section
HTML

<form name="loremForm" action="javascript:objectTag();" id="loremForm">
<strong>Select language type ...</strong>
<select name="loremString" style="width: *00%;">
<option value="latin" selected="selected">Lorem ipsum dolor sit amet...</option>
<option value="silly">Epsum factorial non deposit quid pro quo...</option>
<option value="spanish">Li Europan lingues es membres del sam familie...</option>
<option value="italian">Ma quande lingues coalesce, li grammatica...</option>
</select><br />

<strong>Select number of </strong>
<select name="type">
<option value="characters">Characters</option>
<option value="words" selected="selected">Words</option>
<option value="paragraphs">Paragraphs</option>
</select>
<input type="text" name="numbers" value="8" size="4">
<input type="submit" name="btnOK" value="Generate">
<br />
<textarea rows="*0" name="output" style="width: *00%;"></textarea>
<br />
<input type="button" onclick="copypaste()" value="Select Text" name="select">
<input type="button" onclick=document.loremForm.reset() value="Reset form">
</form>







JavaScript Spotlight (http://www.javascript****.com/spotlight-index.html) - JavaScript Validate E-Mail (http://www.javascript****.com/validate-e-mail.html) - AJAX Page Content Loader (http://www.javascript****.com/ajax-page-content-loader.html/en/)

JavaScriptBank
01-21-2010, 09:00 PM
This JavaScript (http://www.javascript****.com/javascript/) accepts a number or string and formats it like U.S. currency. Adds the dollar sign, rounds to two places past the decimal, adds place holding zeros, and comm... detail (http://www.javascript****.com/currency-format-script.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/utility/currency-format-script.jpg (http://www.javascript****.com/javascript/utility/converter/currency-format-script/preview/en/)
Demo: JavaScript Currency Format script (http://www.javascript****.com/currency-format-script.html/en/)


How to setup

Step *: Place JavaScript below in your HEAD section
JavaScript

<SCRIPT LANGUAGE="JavaScript">
// Cyanide_7 (leo7278@hotmail.com) | http://www7.ewebcity.com/cyanide7

<!-- Begin
function formatCurrency(num) {
num = num.toString().replace(/\$|\,/g,'');
if(isNaN(num))
num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num**00+0.5000000000*);
cents = num%*00;
num = Math.floor(num/*00).toString();
if(cents<*0)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(*+i))/*); i++)
num = num.substring(0,num.length-(4*i+*))+','+
num.substring(num.length-(4*i+*));
return (((sign)?'':'-') + '$' + num + '.' + cents);
}
// End -->
</script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Place HTML below in your BODY section
HTML

<form name=currencyform>
Enter a number then click the button: <input type=text name=input size=*0 value="*0004*4.2*">
<input type=button value="Convert" onclick="this.form.input.value=formatCurrency(this.form.input.value);">
<br><br>
or enter a number and click another field: <input type=text name=input2 size=*0 value="*0004*4.2*" onBlur="this.value=formatCurrency(this.value);">
</form>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








JavaScript Enlarge Image (http://www.javascript****.com/enlarge-image-2.html/en/) - JavaScript Fading Slide Show (http://www.javascript****.com/fading-slide-show.html) - JavaScript Rotating Image script (http://www.javascript****.com/rotating-image-script.html)

JavaScriptBank
01-25-2010, 07:55 PM
By using your computer's clock, you can calculate the time in other time zones all over the world! Currently, the script works for eight of the major time zones. But, just change one entry (or just ad... detail (http://www.javascript****.com/world-clock-script.html/en//) at JavaScript****.com - 2.000+ free JavaScript codes (http://www.javascript****.com/)


http://www.javascript****.com/javascript.images/time/world-clock-script.jpg (http://www.javascript****.com/javascript/time/clock-time-date/world-clock-script/preview/en/)
Demo: JavaScript World Clock script (http://www.javascript****.com/world-clock-script.html/en/)


How to setup

Step *: Use JavaScript code below to setup the script
JavaScript

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Emanuel Gavrilv (eltal@sprint.ca) -->

<!-- Begin
function GetTime() {
var dt = new Date();
var def = dt.getTimezoneOffset()/60;
var gmt = (dt.getHours() + def);
document.clock.local.value = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()));
var ending = ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds());
var rome =check24(((gmt + *) > 24) ? ((gmt + *) - 24) : (gmt + *));
document.clock.rome.value = (IfZero(rome) + ending);
var isr =check24(((gmt + 2) > 24) ? ((gmt + 2) - 24) : (gmt + 2));
document.clock.Israel.value = (IfZero(isr) + ending);
var msw =check24(((gmt + *) > 24) ? ((gmt + *) - 24) : (gmt + *));
document.clock.msw.value = (IfZero(msw) + ending);
var baku =check24(((gmt + 4) > 24) ? ((gmt + 4) - 24) : (gmt + 4));
document.clock.baku.value = (IfZero(baku) + ending);
var del =check24(((gmt + 5) > 24) ? ((gmt + 5) - 24) : (gmt + 5));
document.clock.del.value = (IfZero(del) + ending);
var dh =check24(((gmt + 6) > 24) ? ((gmt + 6) - 24) : (gmt + 6));
document.clock.dh.value = (IfZero(dh) + ending);
var kok =check24(((gmt +7 ) > 24) ? ((gmt +7 ) - 24) : (gmt + 7));
document.clock.kok.value = (IfZero(kok) + ending);
var ho =check24(((gmt + 8) > 24) ? ((gmt + 8) - 24) : (gmt + 8));
document.clock.ho.value = (IfZero(ho) + ending);
var tky =check24(((gmt + *) > 24) ? ((gmt + *) - 24) : (gmt + *));
document.clock.tky.value = (IfZero(tky) + ending);
var sdn =check24(((gmt + *0) > 24) ? ((gmt + *0) - 24) : (gmt + *0));
document.clock.sdn.value = (IfZero(sdn) + ending);
var mag =check24(((gmt + **) > 24) ? ((gmt + **) - 24) : (gmt + **));
document.clock.mag.value = (IfZero(mag) + ending);
var wll =check24(((gmt + *2) > 24) ? ((gmt + *2) - 24) : (gmt + *2));
document.clock.wll.value = (IfZero(wll) + ending);

var _GMT =check24(((gmt) > 24) ? ((gmt) - 24) : (gmt));

document.clock._GMT.value = (IfZero(_GMT) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()));
var eniw =check24(((gmt + (24-*2)) > 24) ? ((gmt + (24-*2)) - 24) : (gmt + (24-*2)));
document.clock.eniw.value = (IfZero(eniw) + ending);
var sam =check24(((gmt + (24-**)) > 24) ? ((gmt + (24-**)) - 24) : (gmt + (24-**)));
document.clock.sam.value = (IfZero(sam) + ending);
var haw =check24(((gmt + (24-*0)) > 24) ? ((gmt + (24-*0)) - 24) : (gmt + (24-*0)));
document.clock.Hawaii.value = (IfZero(haw) + ending);
var ala =check24(((gmt + (24-*)) > 24) ? ((gmt + (24-*)) - 24) : (gmt + (24-*)));
document.clock.alaska.value = (IfZero(ala) + ending);
var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) - 24) : (gmt + (24-8)));
document.clock.pacif.value = (IfZero(pacif) + ending);
var mount =check24(((gmt + (24-7)) > 24) ? ((gmt + (24-7)) - 24) : (gmt + (24-7)));
document.clock.mount.value = (IfZero(mount) + ending);
var center =check24(((gmt + (24-6)) > 24) ? ((gmt + (24-6)) - 24) : (gmt + (24-6)));
document.clock.center.value = (IfZero(center) + ending);
var east =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) - 24) : (gmt + (24-5)));
document.clock.east.value = (IfZero(east) + ending);
var atl =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) - 24) : (gmt + (24-4)));
document.clock.atl.value = (IfZero(atl) + ending);
var bra =check24(((gmt + (24-*)) > 24) ? ((gmt + (24-*)) - 24) : (gmt + (24-*)));
bra = (bra >= 24) ? bra - 24 : bra;
document.clock.bra.value = (IfZero(bra) + ending);
var mid =check24(((gmt + (24-2)) > 24) ? ((gmt + (24-2)) - 24) : (gmt + (24-2)));
mid = (mid >= 24) ? mid - 24 : mid;
document.clock.mid.value = (IfZero(mid) + ending);
var azo =check24(((gmt + (24-*)) > 24) ? ((gmt + (24-*)) - 24) : (gmt + (24-*)));
azo = (azo >= 24) ? azo - 24 : azo;
document.clock.azo.value = (IfZero(azo) + ending);
setTimeout("GetTime()", *000);
}
function IfZero(num) {
return ((num <= *) ? ("0" + num) : num);
}
function check24(hour) {
return (hour >= 24) ? hour - 24 : hour;
}
// End -->
</script>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->


Step 2: Copy & Paste HTML code below in your BODY section
HTML

<BODY onLoad="javascript:GetTime();">
<form name="clock">
<strong>Local Time <input type="text" size="8" name="local"></strong>
<p>
Eniwetok (GMT-*2) <input type="text" size="8" name="eniw"><br>
Samoa (GMT-**) <input type="text" size="8" name="sam"><br>
Hawaii (GMT-*0) <input type="text" size="8" name="Hawaii">
<p>
Alaska (GMT-*) <input type="text" size="8" name="alaska"><br>
Pacific Time (GMT-8) <input type="text" size="8" name="pacif"><br>
Mountain Time (GMT-7) <input type="text" size="8" name="mount">

<p>
Central Time (GMT-6) <input type="text" size="8" name="center"><br>
Eastern Time (GMT-5) <input type="text" size="8" name="east"><br>
Atlantic Time (GMT-4) <input type="text" size="8" name="atl">
<p>
Brazilia (GMT-*) <input type="text" size="8" name="bra"><br>
Mid-Atlantic (GMT-2) <input type="text" size="8" name="mid"><br>
Azores (GMT-*) <input type="text" size="8" name="azo">
<p>
<strong>Greenwich Mean Time (GMT) <input type="text" size="8" name="_GMT"></strong>

<p>
Rome (GMT +*) <input type="text" size="8" name="rome"><br>
Israel (GMT +2) <input type="text" size="8" name="Israel"><br>
Moscow (GMT +*) <input type="text" size="8" name="msw">
<p>
Baku (GMT +4) <input type="text" size="8" name="baku"><br>
New Delhi (GMT +5) <input type="text" size="8" name="del"><br>
Dhakar (GMT +6) <input type="text" size="8" name="dh">
<p>
Bangkok (GMT +7) <input type="text" size="8" name="kok"><br>

Hong Kong (GMT +8) <input type="text" size="8" name="ho"><br>
Tokyo (GMT +*) <input type="text" size="8" name="tky">
<p>
Sydney (GMT +*0) <input type="text" size="8" name="sdn"><br>
Magadan (GMT +**) <input type="text" size="8" name="mag"><br>
Wellington (GMT +*2) <input type="text" size="8" name="wll">
</form>
</body>
<!--
This script downloaded from www.JavaScript****.com
Come to view and download over 2000+ free javascript at www.JavaScript****.com
-->








JavaScript Countdown Timer (http://www.javascript****.com/javascript-countdown-timer.html/en/) - JavaScript Currency Format (http://www.javascript****.com/currency-format-script.html) - JavaScript Format Phone Number (http://www.javascript****.com/format-phone-number.html)

akbar145
02-15-2010, 04:57 AM
for cool web pages
Source(s):
www.javascriptfreecode.com
www.javascript-2.com/
___________________________________________________________________