Free JavaScript Code Downloads
[B]Alert Box Protection[/B]
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 [URL="http://www.javascript****.com/javascript/"]JavaSc... [URL="http://www.javascript****.com/alert-box-protection.html/en//"]detail[/URL]
[CENTER][URL="http://www.javascript****.com/alert-box-protection.html/en/"][IMG]http://www.javascript****.com/javascript.images/misc/alert-box-protection.jpg[/IMG][/URL]
Demo: [URL="http://www.javascript****.com/javascript/misc/alert-box-protection/preview/en/"]Alert Box Protection[/URL][/CENTER]
[SIZE="4"][U]How to setup[/U][/SIZE]
[B]Step *[/B]: Copy & Paste JavaScript code below in your HEAD section
JavaScript
[CODE]<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
-->
[/CODE]
[B]Step 2[/B]: Place HTML below in your BODY section
HTML
[CODE]<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
-->
[/CODE]
[CENTER][URL="http://www.javascript****.com/floating-message-scroller.html"][COLOR="DarkOrange"]Javascript floating message[/COLOR][/URL] - [URL="http://www.javascript****.com/javascript-multi-level-drop-down-menu.html"][COLOR="Blue"]Javascript multi level drop down menu[/COLOR][/URL] - [URL="http://www.javascript****.com/in-array.html"]JavaScript in_array()[/URL][/CENTER]
Advansed Coolest On mouse Over
It is use microsoft filters and work only IE4/5.... [URL="http://www.javascript****.com/advansed-coolest-onmouseover.html/en//"]detail[/URL]
[CENTER][URL="http://www.javascript****.com/advansed-coolest-onmouseover.html/en/"][IMG]http://www.javascript****.com/javascript.images/image/advansed-coolest-onmouseover.jpg[/IMG][/URL]
Demo: [URL="http://www.javascript****.com/javascript/image/advansed-coolest-onmouseover/preview/en/"]Advansed Coolest On mouse Over[/URL][/CENTER]
[SIZE="4"][U]How to setup[/U][/SIZE]
[B]Step *[/B]: Place JavaScript below in your HEAD section
JavaScript
[CODE]<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
-->
[/CODE]
[B]Step 2[/B]: Copy & Paste HTML code below in your BODY section
HTML
[CODE]<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
-->
[/CODE]
[CENTER][URL="http://www.javascript****.com/web-based-music-player.html/en/"][COLOR="DarkOrange"]Javascript Music Player[/COLOR][/URL] - [URL="http://www.javascript****.com/random-text-generator.html"][COLOR="Blue"]Random Text Generator[/COLOR][/URL] - [URL="http://www.javascript****.com/up-down-floating-image.html"]Floating Image Script[/URL][/CENTER]
JavaScript Countdown Timer
This [URL="http://www.javascript****.com/javascript/"]JavaScript[/URL] displays a [URL="http://www.javascript****.com/javascript/time/clock-time-date/"]countdown timer[/URL] and alerts the user when the timer reaches zero. It then redirects to another Web ... [URL="http://www.javascript****.com/javascript-countdown-timer.html/en//"]detail[/URL]
[CENTER][URL="http://www.javascript****.com/javascript-countdown-timer.html/en/"][IMG]http://www.javascript****.com/javascript.images/time/countdown-timer.jpg[/IMG][/URL]
Demo: [URL="http://www.javascript****.com/javascript/time/counter/javascript-countdown-timer/preview/en/"]JavaScript Countdown Timer[/URL][/CENTER]
[SIZE="4"][U]How to setup[/U][/SIZE]
[B]Step *[/B]: Copy & Paste CSS code below in your HEAD section
CSS
[CODE]<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
-->
[/CODE]
[B]Step 2[/B]: Copy & Paste JavaScript code below in your HEAD section
JavaScript
[CODE]<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
-->
[/CODE]
[B]Step *[/B]: Copy & Paste HTML code below in your BODY section
HTML
[CODE]<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
-->
[/CODE]
[CENTER][URL="http://www.javascript****.com/line-graph-script-index.html"][COLOR="DarkOrange"]JavaScript Line Graph script[/COLOR][/URL] - [URL="http://www.javascript****.com/virtualkey***rd-index.html"][COLOR="Blue"]JavaScript Virtual Key***rd[/COLOR][/URL] - [URL="http://www.javascript****.com/horizontal-slider-javascript-v2-2.html"]JavaScript Horizontal Slider[/URL][/CENTER]
Image slideshow transition
This [URL="http://www.javascript****.com/javascript/"]JavaScript[/URL] creates slideshow effect with one of transitions.... [URL="http://www.javascript****.com/image-slideshow-transition.html/en//"]detail[/URL]
[CENTER][URL="http://www.javascript****.com/javascript/image/slideshow/image-slideshow-transition/preview/en/"][IMG]http://www.javascript****.com/javascript.images/image/image-slideshow-transition.jpg[/IMG][/URL]
Demo: [URL="http://www.javascript****.com/image-slideshow-transition.html/en/"]Image slideshow transition[/URL]
[/CENTER]
[SIZE="4"][U]How to setup[/U][/SIZE]
[B]Step *[/B]: Copy & Paste JavaScript code below in your HEAD section
JavaScript
[CODE]<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
-->
[/CODE]
[B]Step 2[/B]: Place HTML below in your BODY section
HTML
[CODE]<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
-->
[/CODE]
[CENTER][URL="http://www.javascript****.com/floating-message-scroller.html"][COLOR="DarkOrange"]Javascript floating message[/COLOR][/URL] - [URL="http://www.javascript****.com/javascript-multi-level-drop-down-menu.html"][COLOR="Blue"]Javascript multi level drop down menu[/COLOR][/URL] - [URL="http://www.javascript****.com/in-array.html"]JavaScript in_array()[/URL][/CENTER]
Make link open in new tab/window
Use this [URL="http://www.javascript****.com/javascript/"]simple JavaScript[/URL] to make all [URL="http://www.javascript****.com/javascript/link/"]links[/URL] on your web pages open in new tab/window. Script is easy to setup, you should save them into a f... [URL="http://www.javascript****.com/make-link-open-in-new-tab-window.html/en//"]detail[/URL]
[CENTER][URL="http://www.javascript****.com/javascript/link/make-link-open-in-new-tab-window/preview/en/"][IMG]http://www.javascript****.com/javascript.images/link/make-link-open-in-new-tab-window.jpg[/IMG][/URL]
Demo: [URL="http://www.javascript****.com/make-link-open-in-new-tab-window.html/en/"]Make link open in new tab/window[/URL]
[/CENTER]
[SIZE="4"][U]How to setup[/U][/SIZE]
[B]Step *[/B]: Copy & Paste JavaScript code below in your HEAD section
JavaScript
[CODE]<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
-->
[/CODE]
[B]Step 2[/B]: Copy & Paste HTML code below in your BODY section
HTML
[CODE]<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
-->
[/CODE]
[CENTER][URL="http://www.javascript****.com/bookmark-page-script.html"][COLOR="DarkOrange"]JavaScript Bookmark Page script[/COLOR][/URL] - [URL="http://www.javascript****.com/color-wheel.html"][COLOR="Blue"]JavaScript Color Wheel[/COLOR][/URL] - [URL="http://www.javascript****.com/image-slideshow-transition.html"]JavaScript Image slideshow[/URL][/CENTER]
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... [URL="http://www.javascript****.com/top-*0-javascript-frameworks-by-google--yahoo--bing.html/en//"]detail[/URL] at [URL="http://www.javascript****.com/"]JavaScript****.com - 2.000+ free JavaScript codes[/URL]
[CENTER][URL="http://www.javascript****.com/javascript/article/top-*0-javascript-frameworks-by-google--yahoo--bing/preview/en/"][IMG]http://www.javascript****.com/javascript.images/article/top-*0-javascript-frameworks-by-google--yahoo--bing.jpg[/IMG][/URL]
Demo: [URL="http://www.javascript****.com/top-*0-javascript-frameworks-by-google--yahoo--bing.html/en/"]Top *0 JavaScript Frameworks by Google, Yahoo, Bing[/URL]
[/CENTER]
[SIZE="4"][U]How to setup[/U][/SIZE]
[CENTER][URL="http://www.javascript****.com/rss-ajax-newsticker.html"][COLOR="DarkOrange"]AJAX news ticker[/COLOR][/URL] - [URL="http://www.javascript****.com/re*****-page-automatic.html/en/"][COLOR="Blue"][/COLOR]JavaScript Re***** Page[/URL] - [URL="http://www.javascript****.com/blink.html"]JavaScript Unclosable Window[/URL][/CENTER]
Time Picker with child window
This JavaScript code - [URL="http://www.javascript****.com/=date picker"]date picker[/URL] helps you choose a time through a [URL="http://www.javascript****.com/javascript/browser/popup/"]popup window[/URL]. Perhaps this feature is not new on [URL="http://www.javascript****.com/"]J... [URL="http://www.javascript****.com/time-picker-with-child-window.html/en//"]detail[/URL] at [URL="http://www.javascript****.com/"]JavaScript****.com - 2.000+ free JavaScript codes[/URL]
[CENTER][URL="http://www.javascript****.com/javascript/time/clock-time-date/time-picker-with-child-window/preview/en/"][IMG]http://www.javascript****.com/javascript.images/time/time-picker-with-child-window.jpg[/IMG][/URL]
Demo: [URL="http://www.javascript****.com/time-picker-with-child-window.html/en/"]Time Picker with child window[/URL]
[/CENTER]
[SIZE="4"][U]How to setup[/U][/SIZE]
[B]Step *[/B]: Use JavaScript code below to setup the script
JavaScript
[CODE]<script language="JavaScript" type="text/javascript" src="timePicker.js">
/*
Bassem R. Zohdy | bassem.zohdy@**********
*/
</script>[/CODE]
[B]Step 2[/B]: Place HTML below in your BODY section
HTML
[CODE]<form name="form*">
<input id="field" onkeydown="time(this.id)"/>
</form>[/CODE]
[B]Step *[/B]: must download files below
Files
[URL="http://www.javascript****.com/javascript/time/Time_Picker_with_child_window/down.jpg"]down.jpg[/URL]
[URL="http://www.javascript****.com/javascript/time/Time_Picker_with_child_window/time.html"]time.html[/URL]
[URL="http://www.javascript****.com/javascript/time/Time_Picker_with_child_window/timePicker.js"]timePicker.js[/URL]
[URL="http://www.javascript****.com/javascript/time/Time_Picker_with_child_window/up.jpg"]up.jpg[/URL]
[CENTER][URL="http://www.javascript****.com/web-based-music-player.html/en/"][COLOR="DarkOrange"]Javascript Music Player[/COLOR][/URL] - [URL="http://www.javascript****.com/random-text-generator.html"][COLOR="Blue"]Random Text Generator[/COLOR][/URL] - [URL="http://www.javascript****.com/up-down-floating-image.html"]Floating Image Script[/URL][/CENTER]
Free JavaScript Code Downloads
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?
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; ... [URL="http://www.javascript****.com/top-*0-beautiful-christmas-countdown-timers.html/en//"]detail[/URL] at [URL="http://www.javascript****.com/"]JavaScript****.com - 2.000+ free JavaScript codes[/URL]
[CENTER][URL="http://www.javascript****.com/javascript/article/top-*0-beautiful-christmas-countdown-timers/preview/en/"][IMG]http://www.javascript****.com/javascript.images/article/top-*0-beautiful-christmas-countdown-timers.jpg[/IMG][/URL]
Demo: [URL="http://www.javascript****.com/top-*0-beautiful-christmas-countdown-timers.html/en/"]JavaScript Top *0 Beautiful Christmas Countdown Timers[/URL]
[/CENTER]
[SIZE="4"][U]How to setup[/U][/SIZE]
[CENTER][URL="http://www.javascript****.com/web-based-music-player.html/en/"][COLOR="DarkOrange"]Javascript Music Player[/COLOR][/URL] - [URL="http://www.javascript****.com/random-text-generator.html"][COLOR="Blue"]Random Text Generator[/COLOR][/URL] - [URL="http://www.javascript****.com/up-down-floating-image.html"]Floating Image Script[/URL][/CENTER]