<node>BACKGROUND Effects
<node>Fade In
<node>Continuous Fader
<node>BOOKMARK
<node>Add to Favorites
<node>BROWSER
<node>Break-Out-of-Frames
<node>Browser Info 2
<node>Browser Info 3
<node>Browser type detection
<node>Disable right clicking on your site.
<node>Form Browser Redirect
<node>Java Check
<node>Javascript Check
<node>Re-Load
<node>RESIZE
<node>Resolution Advice
<node>Resolution Redirect
<node>Screen Alert
<node>Screen Percentage
<node>ScreenResolution
<node>Screen-Size
<node>TEST for JavaScript
<node>CALANDARS
<node>Advanced
<node>Day Viewed
<node>Days Ahead
<node>Dynamic
<node>Future Time
<node>Moon
<node>Print Date Time Long
<node>Print Days left
<node>Print Time of Day
<node>Quarter Year
<node>Till Christmas
<node>Till Date
<node>cookies
<node>COOKIES
<node>CODE..Explaned
<node>Name & Visit
<node>Popup Once
<node>Redirector
<node>Your Name
<node>date
<node>email
<node>E-Mail
<node>Auto-Email Notification
<node>Fax
<node>Fill-In
<node>New subject
<node>E-Mail Buttons
<node>Subject E-Mail
<node>Mailing List U/D
<node>Files
<node>FORMS
<node>Add ToCombo
<node>Agree on Entry
<node>Box Input Limit
<node>checkbox
<node>CheckBox Checker
<Treepad version 3.0>
dt=
<node>Javascript
0
<textarea style="width:100%;height:500px;">
</textarea>
The JavaScript Source!! http://javascript.internet.com –>
DO NOT USE A DASH IN NAMES
[javascipt checking turned off]
<script type="text/javascript">
<!–
document.write('<input type="hidden" name="javascriptenabled" value="1" />')
// –>
</script>
$javascriptenabled=$_POST["javascriptenabled"];
if($javascriptenabled!=1) { echo "Mail Server Crashed";exit; }
<end node> 5P9i0s8y19Z
dt=
<node>Autol height
1
[TABLE]
<html>
<head>
<script>
function switchHeight()
{
document.getElementById('cell').height = '30px';
}
</script>
</head>
<body>
<table>
<tr>
<td bgcolor="blue" id="cell">demo cell</td>
</tr>
</table>
<input type="button" value="cell" onclick="switchHeight()">
</body>
</html>
[TEXTAREA]
<!DOCTYPE html>
<html>
<body>
<textarea id="myTextarea" rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
<p>Click the button to change the number of visible rows for the text area.</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("myTextarea").rows="10";
}
</script>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>BACKGROUND Effects
1
<end node> 5P9i0s8y19Z
dt=
<node>Fade In
2
Could you use an eye-catching introduction to your website? You should have just seen the example for it. It loads a blank screen, fades the background, and then brings you here. If you weren't paying attention, click the example URL below to see it again. It's some great JavaScripting!
——————————————————————————–
<!– TWO STEPS TO INSTALL FADE IN:
1. Paste the first code into the BODY of your HTML document
2. Change the destination URL to where visitors should be sent –>
<!– STEP ONE: Paste this code into HEAD of your document –>
<BODY>
<SCRIPT LANGUAGE="Javascript">
<!– Original: Fred S. Tucker (Slurpie_Tucker@yahoo.com) –>
<!– Web URL: http://members.tripod.com/~Slurpies_Page –>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) {
for(var i = 0; i <= step; i++) {
setbgColor(
Math.floor(sr * ((step-i)/step) + er * (i/step)),
Math.floor(sg * ((step-i)/step) + eg * (i/step)),
Math.floor(sb * ((step-i)/step) + eb * (i/step)));
}
}
function fadein() {
fade(240,232,223,0,0,0,255);
}
fadein();
window.location="http://www.yoursite.com/fadein-page2.html";
// End –>
</SCRIPT>
</HEAD>
<!– STEP TWO: Change the URL above to where visitors will be sent –>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.56 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Continuous Fader
3
This script, once started, will continuously loop the background color. Try it out! A really cool script! Short too!
——————————————————————————–
<!– TWO STEPS TO INSTALL CONTINUOUS FADER:
1. Paste the first code into the HEAD of your HTML document
2. Copy the final coding into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into HEAD of your document –>
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<!– This script and many more are available online free at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
var COLOR = 999999
var woot = 0
function stoploop() {
document.bgColor = '#000000';
clearTimeout(loopID);
}
function loopBackground() {
if (COLOR > 0) {
document.bgColor = '#' + COLOR
COLOR -= 111111
loopID = setTimeout("loopBackground()",1)
} else {
document.bgColor = '#000000'
woot += 10
COLOR = 999999
COLOR -= woot
loopID = setTimeout("loopBackground()",1)
}
}
// End –>
</SCRIPT>
</HEAD>
<!– STEP TWO: Add this form to the body of the HTML document –>
<BODY>
<CENTER>
<FORM NAME="background">
<INPUT TYPE="button" VALUE="Start bgColor WARP"
onClick="loopBackground()">
<br>
<input type="button" value="Stop bgColor WARP" onClick="stoploop()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.16 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>BOOKMARK
1
IE COMPATIBLE
function jump(h){
var top = document.getElementById(h).offsetTop; //Getting Y of target element
window.scrollTo(0, top); //Go there.
}?
<end node> 5P9i0s8y19Z
dt=
<node>Add to Favorites
2
function addbookmark()
{
bookmarkurl="http://www.theinterviewwithgod.com"
bookmarktitle="The Interview With God"
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
// End –>
</script>
<end node> 5P9i0s8y19Z
dt=
<node>BROWSER
1
<end node> 5P9i0s8y19Z
dt=
<node>Break-Out-of-Frames
2
http://www.wsabstract.com/script/cut36.shtml
Break-out-of-frames script
Description: This practical script detects if your page is trapped inside someone else's frames, and automatically breaks out of it! We use it on the frontpage of Website Abstraction to avoid entrapment by another site.
Example:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below in the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!–
/*
Break-out-of-frames script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
Above notice MUST stay entact for use
*/
if (window!= top)
top.location.href=location.href
// –>
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Browser Info 2
2
http://www.x-developer.com/javascript/content/user-details/browser-info-2/index.html
Browser Info 2 Browser : ALL
Action: Tells you Browser Code Name, Version, Platform, Pages Viewed, Java enabled, Screen Resolution.
Usage: Tell a visitor important information about his browser.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Browser Info 3
2
http://www.x-developer.com/javascript/content/user-details/browser-info-3/index.html
Browser Info 3 Browser : ALL
Action: Tells you current resolution, browser, max resolution, version, color depth, code name, platform, colors, java enabled, anti-aliasing fonts.
Usage: Inform a visitor with his system info.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY OnLoad="display()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\nYour IP address is " + ip); }
}
</script>
<center>
<form name=form>
<table border=3 width=300 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b>current resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> browser:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=navigator>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> max resolution:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight>
</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> version:</b></font></td>
<td align=center> <input type=text size=20 maxlength=20 name=version>
</td>
</tr>
<tr bgcolor="#00007F"> <td><font color="#FFFFFF"><b> color depth:</b></font></td>
<td align=center> <font color="#FFFFFF"><b> <input type=text size=2 maxlength=2 name=colordepth>
bit</b></font></td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> code name:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=codename>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> platform:</b></font></td>
<td align=center> <input type=text size=15 maxlength=15 name=platform>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> colors:</b></font></td>
<td align=center> <input type=text size=8 maxlength=8 name=color>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> java enabled:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=java>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b> anti-aliasing fonts:</b></font></td>
<td align=center> <input type=text size=3 maxlength=3 name=fonts>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button name=again value="again?" onclick="display()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Browser type detection
2
http://www.wsabstract.com/script/cut5.shtml
http://www.java-scripts.net/sniffers/sniffers3.shtml
Browser type detection
Description: Will detect whether a user is using Netscape, or Internet Explorer, and send them to a different page accordingly.
Example: Well, an example in this case is a little difficult…
Directions: Simply cut and paste the below code to the <head> section of your webpage. Change the part in red to your own pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!–
/*By George Chiang (WA's JavaScript tutorial)
http://www.wsabstract.com
Credit must stay intact for use*/
var n=navigator.appName
var ns=(n=="Netscape")
var ie=(n=="Microsoft Internet Explorer")
if (ns)
location="page1.htm"
else if (ie)
location="page2.htm"
//–>
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Disable right clicking on your site.
2
http://www.java-scripts.net/misc/misc8.shtml
Description: Disable right clicking on your site.
Source code: Just copy everything below into your <HEAD> tag.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!–
// No rightclick script v.2.5
// (c) 1998 barts1000
// barts1000@aol.com
// Don't delete this header!
var message="Sorry, that function is disabled.\nThis Page Copyrighted and\nImages and Text protected!\nALL RIGHTS RESERVED";
// Don't edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// –>
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Form Browser Redirect
2
http://www.x-developer.com/javascript/content/user-details/form-browser-redirect-ie/index.html
Form Browser Redirect Browser : IE
Action: Prints a table with browser name and a button with correct link depending on browser type.
Usage: Tell a visitor what kind of browser does he use and redirect him to correct page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT>
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: timothy@essex1.com –>
<!– ————————————————— –>
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
// Load page according to browser
function loadPage(){
if (browser.substring(0, 8)=="Netscape"){ if (getkey=="Netscape 3.0")
window.location="netscape3.html";
if (getkey=="Netscape 2.0")
window.location="netscape2.html";
}
if (browser.substring(0, 9)=="Microsoft")
window.location="ie.html";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
window.location="netscape.html";
}
</SCRIPT>
<CENTER>
<FORM name=detect>
<TABLE border=3 width=150 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<TBODY> <TR bgcolor="#00007F"> <TD align=middle> <center>
<font color="#FFFFFF"><STRONG>Browser Key</STRONG> </font> </center>
</TD>
<TR></TR>
<TR> <TD align=middle> <INPUT size=15 value=" detecting…">
</TD>
</TR>
</TBODY> </TABLE>
<BR>
<BR>
<INPUT onclick=loadPage() type=button value="Load Appropriate Page">
</FORM>
</CENTER>
<SCRIPT>
var browser=navigator.appName + " " + navigator.appVersion;
var getkey=browser.substring(0, 12);
if (browser.substring(0, 8)=="Netscape") {
if (getkey=="Netscape 3.0")
document.forms[0].elements[0].value=" "+getkey;
if (getkey=="Netscape 2.0")
document.forms[0].elements[0].value=getkey;
}
if (browser.substring(0, 9)=="Microsoft")
document.forms[0].elements[0].value=" Microsoft IE";
if ( (browser.substring(0, 8)!="Netscape") && (browser.substring(0, 9)!="Microsoft") )
document.forms[0].elements[0].value="undetermined";
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Java Check
2
http://www.x-developer.com/javascript/content/user-details/java-check/index.html
Java Check Browser : ALL
Action: Check if you browser is Java enabled.
Usage: Don't allow visitor with Java disabled from entering site with Java applets.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
if (navigator.javaEnabled()) window.location = "demo-yes.html";
else window.location = "demo-no.html";
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Javascript Check
2
http://www.x-developer.com/javascript/content/user-details/javascript-check/index.html
Javascript Check Browser : ALL
Action: Checks if you have JavaScript enabled.
Usage: Prevent visitor with JavaScript disabled from entering your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
window.location="demo-yes.html";
</script>
<noscript> <b>It appears that your browser does not support JavaScript, or you have it disabled. This site is best viewed with JavaScript enabled.</b></noscript> </center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Re-Load
2
http://www.java-scripts.net/window/window3.shtml
Description: This link, when clicked on, will reload the browser window.
Example: Click here to reload the window.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<a href="javascript:window.location.reload()">Click here to reload the window.</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>RESIZE
2
http://www.inquiry.com/techtips/web_pro/answer.asp?pro=web_pro&docID=4145
===
How can you put a shortcut to a Web site on your desktop, and have it open at a predetermined browser size, such as 400 by 300 pixels? I first thought of creating an invisible page to launch the bookmarked page in a specific-sized browser. The trouble with this solution is that you still have to close the browser that launched the miniature window. There must be a way to set your current browser size from inside the window that you are in. What makes it trickier is you don't want to change the browser size for other pages when you do.
JavaScript 1.2 includes the resizeTo method that allows you to change the height and width of the browser. Change the parameters of resizeTo(x,y) to the height and width you want the browser to have. Change the window.location property to point to the site to which you want to go. The end result will be a page that will immediately redirect to a desired location and the browser window will have the desired dimensions.
<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
</HEAD>
</HTML>
Written by Charles C. Caison, Jr. on 1/24/00.
<end node> 5P9i0s8y19Z
dt=
<node>Resolution Advice
2
http://www.x-developer.com/javascript/content/user-details/resolution-advice/index.html
Resolution Advice Browser : ALL
Action: Tells you what resolution is best for your site.
Usage: Help your visitors with choosing best resolution for viewing your site.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript1.2">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Craig Lumley –>
<!– Web Site: http://www.craiglumley.co.uk –>
<!– ————————————————— –>
var bestwidth = 1600;
var bestheight = 800;
if (screen.width != bestwidth || screen.height != bestheight) {
msg = "This site looks best when viewed when your screen "
+ "is set to a " + bestwidth + "x" + bestheight + " resolution, "
+ "but your screen resolution is " + screen.width + "x"
+ screen.height + ". Please change your screen resolution "
+ "to best view the site, if possible. Thanks!";
document.write(msg);
}
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Resolution Redirect
2
http://www.x-developer.com/javascript/content/user-details/resolution-redirect/index.html
Resolution Redirect Browser : ALL
Action: Sends you to specific page depending on your screen resolution.
Usage: Don't let people with small resolution enter your site that requires high screen resolution.
——
<HTML>
<head>
</head>
<BODY onload="redirectPage()" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function redirectPage() {
var url640x480 = "demo-640×480.html";
var url800x600 = "demo-800×600.html";
var url1024x768 = "demo-1024×768.html";
if ((screen.width == 640) && (screen.height == 480)) window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url1024x768;
}
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Screen Alert
2
http://www.x-developer.com/javascript/content/user-details/screen-alert/index.html
Screen Alert Browser : ALL
Action: Alerts you if you have screen resolution smaller than needed.
Usage: Alert visitor if his screen resolution does not suite your site requirements.
– – –
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
alert('Your screen is:\n\n' + screen.width + ' pixels by ' + screen.height + ' pixels');
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Screen Percentage
2
http://www.x-developer.com/javascript/content/user-details/screen-percentage/index.html
Screen Percentage Browser : ALL
Action: Calculates screen percentage used by a browser window.
Usage: Tell a visitor how many percent does his browser window use.
– – –
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Giulio Gravinese –>
<!– Web Site: http://www.universeg.com –>
<!– ————————————————— –>
function getwindowsize() {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var sSize = (document.body.clientWidth * document.body.clientHeight);
return sSize;
} else { var sSize = (window.outerWidth * window.outerHeight);
return sSize;
}
return; }
</script>
<center>
<SCRIPT LANGUAGE="JavaScript">
var percent = Math.round((getwindowsize()/(screen.width * screen.height)*100) * Math.pow(10, 0));
document.write("This window is using about " + percent + "% of your available screen.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>ScreenResolution
2
<script language="JavaScript"><!–
var BroW = navigator.appVersion;
//check visitor screen resolution
if (BroW >= 4) {
x = screen.width ; y = screen.height
if (document.layers) {
if ((x >= 800) && (x <= 1028)) {x = 1028}
if ((y >= 600) && (y <= 780)) {y = 780}
if ((x >= 640) && (x <= 800)) {x = 800}
if ((y >= 480) && (y <= 600)) {y = 600}
if (x <= 640) {x = 640}
if (y <= 480) {y = 480}
}
Res = x + "x" + y
} else {
Res = 'unknown'
}
// redirect low resolution
// replace www.mypage.com/d640x480.htm with your own host and page name
if (Res == '640 + "x" + 480')
location.href="http://www.mypage.com/d640x480.htm";
//–></script>
*****************
<!– ONE STEP TO INSTALL SCREEN DETAILS:
1. Paste the coding into the BODY of your HTML document –>
<!– STEP ONE: Copy this code into the BODY of your HTML document –>
<BODY>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
var screen_width = null;
var screen_height = null;
var resolution = null;
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
screen_width = screen_size.width;
screen_height = screen_size.height;
resolution = toolkit.getScreenResolution();
}
// End –>
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!– Begin
if ((screen_width != null)
&& (screen_height != null)
&& (resolution != null)) {
document.write('<center><h1>Monitor Details:</h1><br><hr><br>');
document.write('Screen Width: '+screen_width+'<BR>');
document.write('Screen Height: '+screen_height+'<BR>');
document.write('Screen Resolution: '+resolution+'<BR>');
document.write('</center>');
}
else {
document.write('<center><P>');
document.write('I am sorry but we could not determine<P>');
document.write('the details of this screen. You might<P>');
document.write('not have Java enabled in this browser.<P>');
document.write('</center>');
}
// End –>
</SCRIPT>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.41 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Screen-Size
2
http://www.java-scripts.net/misc/misc1.shtml
Description: This script will tell the user what their monitor size is.
Example:
Your screen width and height is 1024 and 768.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!–One steps to installing this script–>
<!–1) Copy everything below, and paste in BODY section of page–>
<script language="Javascript">
<!–
//This credit must stay intact for use
//For this script and more
//Visit java-scripts.net or http://wsabstract.com
document.write('Your screen width and height is ' + screen.width + ' and ' + screen.height + '.')
//–>
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>TEST for JavaScript
2
Testing to see if browser supports JavaScript
http://www.wsabstract.com/script/cut31.shtml
Description: The below script will display whether or not a browser supports JavaScript.
Example: Congratulations, your browser has passed the JavaScript test!!!
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Copy the below into the <head> tags:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript">
<!– Hide the script from old browsers —
// Michael P. Scholtis (mpscho@planetx.bloomu.edu)
// All rights reserved. December 22, 1995
// You may use this JavaScript example as you see fit, as long as the
// information within this comment above is included in your script.
function browsertest ()
{document.write("Congratulations, your browser has passed the JavaScript test!!!")}
// –End Hiding Here –>
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below into the <body> tags of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!–
{browsertest();}
//–>
</SCRIPT>
</CENTER>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>CALANDARS
1
<end node> 5P9i0s8y19Z
dt=
<node>Advanced
2
http://www.x-developer.com/javascript/content/calendars/advanced/index.html
Advanced
Action: Advanced calendarwith many features.
Usage: Add a cool calendar to your page.
= = = = = = =
<html>
<head>
</head>
<BODY OnLoad=setToday() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Rob Patrick (rpatrick@mit.edu) –>
<!– ————————————————— –>
function setToday()
{
var now=new Date();
var day=now.getDate();
var month=now.getMonth();
var year=now.getYear();
if(year<2000)
year=year+1900;
this.focusDay=day;
document.calControl.month.selectedIndex=month;
document.calControl.year.value=year;
displayCalendar(month,year);
}
function isFourDigitYear(year)
{
if(year.length!=4)
{
alert("Sorry, the year must be four-digits in length.");
document.calControl.year.select();
document.calControl.year.focus();
}
else
{
return true;
}
}
function selectDate()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
displayCalendar(month,year);
}
}
function setPreviousYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year–;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function setPreviousMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==0)
{
month=11;
if(year>1000)
{
year–;
document.calControl.year.value=year;
}
}
else
{
month–;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextMonth()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
if(month==11)
{
month=0;
year++;
document.calControl.year.value=year;
}
else
{
month++;
}
document.calControl.month.selectedIndex=month;
displayCalendar(month,year);
}
}
function setNextYear()
{
var year=document.calControl.year.value;
if(isFourDigitYear(year))
{
var day=0;
var month=document.calControl.month.selectedIndex;
year++;
document.calControl.year.value=year;
displayCalendar(month,year);
}
}
function displayCalendar(month,year)
{
month=parseInt(month);
year=parseInt(year);
var i=0;
var days=getDaysInMonth(month+1,year);
var firstOfMonth=new Date(year,month,1);
var startingPos=firstOfMonth.getDay();
days+=startingPos;
document.calButtons.calPage.value=" Su Mo Tu We Th Fr Sa";
document.calButtons.calPage.value+="\n ——————–";
for(i=0;
i<startingPos;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\n ";
document.calButtons.calPage.value+=" ";
}
for(i=startingPos;
i<days;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\n ";
if(i-startingPos+1<10)
document.calButtons.calPage.value+="0";
document.calButtons.calPage.value+=i-startingPos+1;
document.calButtons.calPage.value+=" ";
}
for(i=days;
i<42;
i++)
{
if(i%7==0)document.calButtons.calPage.value+="\n ";
document.calButtons.calPage.value+=" ";
}
document.calControl.Go.focus();
}
function getDaysInMonth(month,year)
{
var days;
if(month==1||month==3||month==5||month==7||month==8||month==10||month==12)days=31;
else if(month==4||month==6||month==9||month==11)days=30;
else if(month==2)
{
if(isLeapYear(year))
{
days=29;
}
else
{
days=28;
}
}
return(days);
}
function isLeapYear(Year)
{
if(((Year%4)==0)&&((Year%100)!=0)||((Year%400)==0))
{
return(true);
}
else
{
return(false);
}
}</SCRIPT><FORM NAME=calControl onSubmit="return false;">
<TABLE CELLPADDING=2 CELLSPACING=1 BORDER=3 bgcolor="#1018BF" align="center">
<TR> <TD COLSPAN=7> <CENTER>
<SELECT NAME=month onChange=selectDate()>
<OPTION> January <OPTION> February <OPTION> March <OPTION> April <OPTION> May <OPTION> June <OPTION> July <OPTION> August <OPTION> September <OPTION> October <OPTION> November <OPTION> December
</SELECT>
<INPUT NAME=year TYPE=TEXT SIZE=4 MAXLENGTH=4>
<INPUT TYPE=button NAME=Go value=Build! onClick=selectDate()>
</CENTER>
</TD>
</TR></FORM>
<FORM NAME=calButtons>
<TR> <TD align=center> <textarea FONT=Courier NAME=calPage WRAP=no ROWS=8 COLS=22></textarea>
</TD>
<TR> <TD> <CENTER>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" << " onClick=setPreviousYear()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" < " onClick=setPreviousMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=Today onClick=setToday()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" > " onClick=setNextMonth()>
<INPUT TYPE=BUTTON NAME=previousYear VALUE=" >> " onClick=setNextYear()>
</CENTER>
</TD>
</TR>
</FORM>
</TABLE></FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Day Viewed
2
http://www.x-developer.com/javascript/content/calendars/day-viewed/index.html
Day Viewed
Action: Shows a picture accordingto day.
Usage: Show a visitor dayof the week in a graphical way
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
today = new Date();
day = today.getDay();
arday = new Array("day-viewed-sunday.jpg", "day-viewed-monday.jpg", "day-viewed-tuesday.jpg", "day-viewed-wednesday.jpg", "day-viewed-thursday.jpg", "day-viewed-friday.jpg", "day-viewed-saturday.jpg");
document.write("<img src='" + arday[day] + "'>");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Days Ahead
2
http://www.x-developer.com/javascript/content/calendars/days-ahead/index.html
Days Ahead
Action: Prints out an infoabout amount of days left before certain date.
Usage: Show a visitor howmany days are left before something happens.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var AddDays = 3; // How many days ahead of the current date
TDate = new Date();
TDay = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
TMonth = new Array('January', 'February', 'March', 'April', 'May','June', 'July', 'August', 'September', 'October', 'November', 'December');
MonthDays = new Array('31', '28', '31', '30', '31', '30', '31', '31', '30', '31', '30', '31');
function isLeapYear (Year) {
if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) {
return true;
} else {
return false;
}
}
CurYear = TDate.getYear();
if (CurYear < 2000)
CurYear = CurYear + 1900;
CurMonth = TDate.getMonth();
CurDayOw = TDate.getDay();
CurDay = TDate.getDate();
month = TMonth[CurMonth];
if (month == 'February') {
if (((CurYear % 4)==0) && ((CurYear % 100)!=0) || ((CurYear %
400)==0)) {
MonthDays[1] = 29;
}
else {
MonthDays[1] = 28;
}
}
days = MonthDays[CurMonth];
CurDay += AddDays;
if (CurDay > days) {
if (CurMonth == 11) {
CurMonth = 0;
month = TMonth[CurMonth];
CurYear = CurYear + 1
}
else {
month = TMonth[CurMonth+1];
}
CurDay = CurDay – days;
}
CurDayOw += AddDays;
function adjustDay (cday) {
if (cday > 6) {
cday -= 6;
CurDayOw = TDay[cday-1];
adjustDay(cday-1);
}
else {
CurDayOw = TDay[cday];
return true;
}
}
adjustDay(CurDayOw);
TheDate = CurDayOw + ', ';
TheDate += month + ' ';
TheDate += CurDay + ', ';
if (CurYear<100) CurYear="19" + CurYear;
TheDate += CurYear;
document.write("<center>");
document.write(AddDays + " days from now is … " + TheDate);
document.write("</center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Dynamic
2
http://www.x-developer.com/javascript/content/calendars/dynamic-ie/index.html
Dynamic
Action: Cool calendar with selection feature.
Usage: Let your visitors plan their business.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC" text="#FFFFFF">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Nick Korosi (nfk2000@hotmail.com) –>
<!– ————————————————— –>
var dDate=new Date();
var dCurMonth=dDate.getMonth();
var dCurDayOfMonth=dDate.getDate();
var dCurYear=dDate.getFullYear();
var objPrevElement=new Object();
function fToggleColor(myElement)
{
var toggleColor="#ff0000";
if(myElement.id=="calDateText")
{
if(myElement.color==toggleColor)
{
myElement.color="";
}
else
{
myElement.color=toggleColor;
}
}
else if(myElement.id=="calCell")
{
for(var i in myElement.children)
{
if(myElement.children[i].id=="calDateText")
{
if(myElement.children[i].color==toggleColor)
{
myElement.children[i].color="";
}
else
{
myElement.children[i].color=toggleColor;
}
}
}
}
}
function fSetSelectedDay(myElement)
{
if(myElement.id=="calCell")
{
if(!isNaN(parseInt(myElement.children["calDateText"].innerText)))
{
myElement.bgColor="#c0c0c0";
objPrevElement.bgColor="";
document.all.calSelectedDate.value=parseInt(myElement.children["calDateText"].innerText);
objPrevElement=myElement;
}
}
}
function fGetDaysInMonth(iMonth,iYear)
{
var dPrevDate=new Date(iYear,iMonth,0);
return dPrevDate.getDate();
}
function fBuildCal(iYear,iMonth,iDayStyle)
{
var aMonth=new Array();
aMonth[0]=new Array(7);
aMonth[1]=new Array(7);
aMonth[2]=new Array(7);
aMonth[3]=new Array(7);
aMonth[4]=new Array(7);
aMonth[5]=new Array(7);
aMonth[6]=new Array(7);
var dCalDate=new Date(iYear,iMonth-1,1);
var iDayOfFirst=dCalDate.getDay();
var iDaysInMonth=fGetDaysInMonth(iMonth,iYear);
var iVarDate=1;
var i,d,w;
if(iDayStyle==2)
{
aMonth[0][0]="Sunday";
aMonth[0][1]="Monday";
aMonth[0][2]="Tuesday";
aMonth[0][3]="Wednesday";
aMonth[0][4]="Thursday";
aMonth[0][5]="Friday";
aMonth[0][6]="Saturday";
}
else if(iDayStyle==1)
{
aMonth[0][0]="Sun";
aMonth[0][1]="Mon";
aMonth[0][2]="Tue";
aMonth[0][3]="Wed";
aMonth[0][4]="Thu";
aMonth[0][5]="Fri";
aMonth[0][6]="Sat";
}
else
{
aMonth[0][0]="Su";
aMonth[0][1]="Mo";
aMonth[0][2]="Tu";
aMonth[0][3]="We";
aMonth[0][4]="Th";
aMonth[0][5]="Fr";
aMonth[0][6]="Sa";
}
for(d=iDayOfFirst;
d<7;
d++)
{
aMonth[1][d]=iVarDate;
iVarDate++;
}
for(w=2;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(iVarDate<=iDaysInMonth)
{
aMonth[w][d]=iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear,iMonth,iCellWidth,iCellHeight,sDateTextSize,sDateTextWeight,iDayStyle)
{
var myMonth;
myMonth=fBuildCal(iYear,iMonth,iDayStyle);
document.write("<table border='1'>")
document.write("<tr>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][0]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][1]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][2]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][3]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][4]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][5]+"</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>"+myMonth[0][6]+"</td>");
document.write("</tr>");
for(w=1;
w<7;
w++)
{
document.write("<tr>")
for(d=0;
d<7;
d++)
{
document.write("<td align='left' valign='top' width='"+iCellWidth+"' height='"+iCellHeight+"' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if(!isNaN(myMonth[w][d]))
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"+myMonth[w][d]+"</font>");
}
else
{
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:"+sDateTextSize+";FONT-WEIGHT:"+sDateTextWeight+"' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fUpdateCal(iYear,iMonth)
{
myMonth=fBuildCal(iYear,iMonth);
objPrevElement.bgColor="";
document.all.calSelectedDate.value="";
for(w=1;
w<7;
w++)
{
for(d=0;
d<7;
d++)
{
if(!isNaN(myMonth[w][d]))
{
calDateText[((7*w)+d)-7].innerText=myMonth[w][d];
}
else
{
calDateText[((7*w)+d)-7].innerText=" ";
}
}
}
}</script>
<script language="JavaScript"for=window event=onload>
var dCurDate=new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected=true;
for(i=0;
i<frmCalendarSample.tbSelYear.length;
i++)
if(frmCalendarSample.tbSelYear.options[i].value==dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected=true;
</script>
<center>
<form name=frmCalendarSample method=post action="">
<input type=hidden name=calSelectedDate value="">
<table border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<tr> <td> <center>
<select name=tbSelMonth onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1> January </option>
<option value=2> February </option>
<option value=3> March </option>
<option value=4> April </option>
<option value=5> May </option>
<option value=6> June </option>
<option value=7> July </option>
<option value=8> August </option>
<option value=9> September </option>
<option value=10> October </option>
<option value=11> November </option>
<option value=12> December </option>
</select>
<select name=tbSelYear onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value=1998> 1998 </option>
<option value=1999> 1999 </option>
<option value=2000> 2000 </option>
<option value=2001> 2001 </option>
<option value=2002> 2002 </option>
<option value=2003> 2003 </option>
<option value=2004> 2004 </option>
</select>
</center>
</td>
</tr>
<tr> <td bgcolor="#00007F"> <script language="JavaScript">
var dCurDate=new Date();
fDrawCal(dCurDate.getFullYear(),dCurDate.getMonth()+1,30,30,"12px","bold",1);
</script>
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Future Time
2
http://www.x-developer.com/javascript/content/clocks/future-time/index.html
Future Time
Action: Tells you futuretime with certain time difference.
Usage: Give a visitor informationabout future date.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: K. Myers (kevinmyers@unforgettable.com) –>
<!– http://www.geocities.com/SiliconValley/Bay/7554 –>
<!– ————————————————— –>
function AddDays(form)
{
DaysToAdd=document.form.DaysToAdd.value;
var now=new Date();
var newdate=new Date();
var newtimems=newdate.getTime()+(DaysToAdd*24*60*60*1000);
newdate.setTime(newtimems);
document.form.display.value=newdate.toLocaleString();
}</SCRIPT>
<center>
<form name=form>
<input type=text name=DaysToAdd size=5 value=10>
<input type=button value="days from today will be…" onclick=AddDays(this.form)>
<input type=text name=display size=35 value="">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Moon
2
http://www.x-developer.com/javascript/content/calendars/moon/index.html
Moon
Action: Builds an image ofcurrent moon.
Usage: Show a visitor howbig the moon today is.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: James Thiele (mailto:jet@eskimo.com) –>
<!– ————————————————— –>
var black = "black.gif";
var white = "white.gif";
var height=1;
var size = 50;
var i;
var currentDate = new Date();
var x = currentDate;
currentDate.setTime(currentDate.getTime() + (currentDate.getTimezoneOffset()*60000));
var blueMoonDate = new Date(96, 1, 3, 16, 15, 0);
var lunarPeriod = 29*(24*3600*1000) + 12*(3600*1000) + 44.05*(60*1000);
var moonPhaseTime = (currentDate.getTime() – blueMoonDate.getTime()) % lunarPeriod;
var percentRaw = (moonPhaseTime / lunarPeriod);
var percent = Math.round(100*percentRaw) / 100;
var percentBy2 = Math.round(200*percentRaw);
var left = (percentRaw >= 0.5) ? black : white;
var right = (percentRaw >= 0.5) ? white : black;
var time = Math.round((lunarPeriod-moonPhaseTime)/(24*3600*1000));
document.write("<center>");
if (percentBy2 > 100) {
percentBy2 = percentBy2 – 100;
}
for (i = -(size-1); i < size; ++i) {
var wid=2*parseFloat(Math.sqrt((size*size)-(i*i)));
if (percentBy2 != 100)
document.write ("<img src="+left +" height=1 width="+(wid*((100-percentBy2)/100))+">");
if (percentBy2 != 0)
document.write("<img src="+right+" height=1 width="+(wid*((percentBy2)/100))+">");
document.write("<br>");
}
document.write("<BR><FONT SIZE=4>Next full moon is in about ",time," day");
if (time > 1) document.write("s");
document.write("</font>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Print Date Time Long
2
http://www.x-developer.com/javascript/content/clocks/print-date-time-long/index.html
Print Date Time Long
Action: Prints extended informationabout current date in this format:
In Dallas,Texas, it is: 6:00 AM, Thursday, June 1st, 2000,Pacific Standard Time.
Usage: Tell your visitorcurrent date, place, time zone.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var day="";
var month="";
var myweekday="";
var year="";
newdate=new Date();
mydate=new Date();
dston=new Date('April 4, 1999 2:59:59');
dstoff=new Date('october 31, 1999 2:59:59');
var myzone=newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone=6;
// references your time zone
if(newdate>dston&&newdate<dstoff)
{
zonea=zone-1;
dst=" Pacific Daylight Savings Time";
}
else
{
zonea=zone;
dst=" Pacific Standard Time";
}
var newzone=(zonea*60*60*1000);
newtimea=newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday=mydate.getDay();
mymonth=mydate.getMonth();
myweekday=mydate.getDate();
myyear=mydate.getYear();
year=myyear;
if(year<2000)
year=year+1900;
myhours=mydate.getHours();
if(myhours>=12)
{
myhours=(myhours==12)?12:myhours-12;
mm=" PM";
}
else
{
myhours=(myhours==0)?12:myhours;
mm=" AM";
}
myminutes=mydate.getMinutes();
if(myminutes<10)
{
mytime=":0"+myminutes;
}
else
{
mytime=":"+myminutes;
}
;
arday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
armonth=new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ","October ","November ","December ")
ardate=new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st");
// rename locale as needed.
var time=("In Dallas, Texas, it is: "+myhours+mytime+mm+", "+arday[myday]+", "+armonth[mymonth]+" "+ardate[myweekday]+", "+year+", "+dst+".");
document.write(time);
</SCRIPT>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Print Days left
2
http://www.x-developer.com/javascript/content/calendars/print-days-left-in-month/index.html
Print Days left
Action: Prints a line withdays left in current month.
Usage: Tell a visitor howmany days are left in month.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var today=new Date();
var now=today.getDate();
var year=today.getYear();
if(year<2000)year+=1900;
// Y2K fix
var month=today.getMonth();
var monarr=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
// check for leap year
if(((year%4==0)&&(year%100!=0))||(year%400==0))monarr[1]="29";
// display day left
document.write("There are "+(monarr[month]-now)+" days left in this Month.");
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Print Time of Day
2
http://www.x-developer.com/javascript/content/clocks/print-time-of-day/index.html
Print Time of Day
Action: Prints a greetingdepending on the time.
Usage: Say Good Morning! to your visitors!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 18) display = "Evening";
else if (thehour >12) display = "Afternoon";
else display = "Morning";
var greeting = ("Good " + display + "!");
document.write(greeting);
</script>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Quarter Year
2
http://www.x-developer.com/javascript/content/calendars/quarter-year/index.html
Quarter Year
Action: Prints 3 months table.
Usage: Show a visitor tableof 3 months.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var flg=0;
var fs=1;
var bg="cyan";
M=new Array("January","February",
"March","April","May","June",
"July","August","September",
"October","November","December");
D=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
function getBgn()
{
pdy=new Date();
// today
pmo=pdy.getMonth();
// present month
pyr=pdy.getYear();
// present year
if(pyr<2000)
pyr=pyr+1900;
yr=yr1=(pmo==0?pyr-1:pyr);
// last month's year
mo=(pmo==0?11:pmo-1);
// last month
bgn=new Date(M[mo]+" 1,"+yr1);
// assign to date
document.write('<TABLE BORDER=0><TR><TD VALIGN=TOP>');
Calendar();
// Send last month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=pyr;
// present year
mo=pmo;
// present month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send this month to screen
document.write('</TD><TD VALIGN=TOP>');
yr=(pmo==11?pyr+1:pyr);
// next month's year
mo=(pmo==11?0:pmo+1);
// next month
bgn=new Date(M[mo]+" 1,"+yr);
// assign to date
Calendar();
// Send next month to screen
document.write('</TD></TR></TABLE>');
// Finish up
}
function Calendar()
{
dy=bgn.getDay();
yr=eval(yr);
d="312831303130313130313031";
if(yr/4==Math.floor(yr/4))
{
d=d.substring(0,2)+"29"+d.substring(4,d.length);
}
pos=(mo*2);
ld=eval(d.substring(pos,pos+2));
document.write("<TABLE BORDER=1"
+" BGCOLOR='"+bg
+"'><TR><TD ALIGN=CENTER COLSPAN=7>"
+"<FONT SIZE="+fs+">"+M[mo]+" "+yr
+"</FONT></TD></TR><TR><TR>");
for(var i=0;
i<7;
i++)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE=1>"+D[i]+"</FONT></TD>");
}
document.write("</TR><TR>");
ctr=0;
for(var i=0;
i<7;
i++)
{
if(i<dy)
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+"> </FONT>"
+"</TD>");
}
else
{
ctr++;
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
while(ctr<ld)
{
for(var i=0;
i<7;
i++)
{
ctr++;
if(ctr>ld)
{
document.write("<TD ALIGN=CENTER>"
+" </TD>");
}
else
{
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE="+fs+">"+ctr+"</FONT>"
+"</TD>");
}
}
document.write("</TR><TR>");
}
document.write("</TR></TABLE>");
}</SCRIPT>
<CENTER>
<P> <B> </B> <SCRIPT LANGUAGE="JavaScript">
getBgn();
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Till Christmas
2
http://www.x-developer.com/javascript/content/clocks/till-christmas/index.html
Till Christmas
Action: Prints a line withinformation about Christmas Day.
Usage: Tell you visitorhow far is the Christmas Day.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var day_description="Christmas";
var day_before="Christmas Eve";
var today=new Date();
var year=today.getYear();
if((navigator.appName=="Microsoft Internet Explorer")&&(year<2000))
year="19"+year;
if(navigator.appName=="Netscape")
year=1900+year;
var date=new Date("December 25, "+year);
var diff=date.getTime()-today.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
document.write("There are "+(days+1)+" days until "+day_description+"!");
else if(days==1)
document.write("Tommorrow is "+day_before+"!");
else if(days==0)
document.write("Today is "+day_before+"!");
else if(days==-1)
document.write("It's "+day_description+"!");
else if(days<-1)
document.write(day_description+" was "+((days+1)*-1)+(days<-2?" days":" day")+" ago this year!");
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Till Date
2
http://www.x-developer.com/javascript/content/clocks/till-date/index.html
Till Date
Action: Prints a line withinfo about predefined day.
Usage: Set your own dateand tell a visitor how soon will it be
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var date=new Date("January 1, 2999");
var description="the year 2999";
var now=new Date();
var diff=date.getTime()-now.getTime();
var days=Math.floor(diff/(1000*60*60*24));
document.write("<center><h3>")
if(days>1)
{
document.write(days+1+" days until "+description);
}
else if(days==1)
{
document.write("Only two days until "+description);
}
else if(days==0)
{
document.write("Tomorrow is "+description);
}
else
{
document.write("It's"+description+"!");
}
document.write("</h3></center>");
</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>cookies
1
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString()+"; path=/";
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
function checkCookie() {
var user = getCookie("username");
if (user != "") {
alert("Welcome again " + user);
} else {
user = prompt("Please enter your name:", "");
if (user != "" && user != null) {
setCookie("username", user, 365);
}
}
}
OLD WAY BELOW
<!– TWO STEPS TO INSTALL COOKIE – VISITS:
1. Paste the designated coding into the HEAD of your HTML document
2. Put the last script into the BODY of your HTML document –>
<!– STEP ONE: Copy this code into the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() – 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
// End –>
</SCRIPT>
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!– Begin
document.write("You've been here <b>" + amt() + "</b> times.")
// End –>
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 2.31 KB –>
**********************************************************************
<!– TWO STEPS TO INSTALL COOKIE PASSWORD PROTECTION:
1. Put the designated coding into the HEAD of your login document
2. Paste the final coding into the BODY of your login document –>
<!– STEP ONE: Copy this code into the HEAD of your login document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie () {
var exp = new Date();
exp.setTime (exp.getTime() – 1000000000); // This cookie is history
var cval = GetCookie ('FreeStuffL');
document.cookie ='FreeStuffL' + "=" + cval + "; expires=" + exp.toGMTString();
}
function cookieCreater () {
if(GetCookie('FreeStuffL') == null) {
var FreeStuffL_Name = prompt ("What name do you want to go by?", "" );
if (FreeStuffL_Name != null && FreeStuffL_Name != "") {
var expdate = new Date ();
expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365));
SetCookie('FreeStuffL', FreeStuffL_Name, expdate);
alert ("You now are logged in! From now on, when you come to this page, you will be forwarded to the Password Protected Members-Only Area. Please do not tell anyone your entry code. At this new page, you will be shown a list of functions. Have fun!");
location.href = "cookie-in.html"
}
}
else {
DeleteCookie ();
cookieCreater ()
}
}
if(GetCookie('FreeStuffL') != null) {
location.href="cookie-in.html"
}
function check() {
var tester = document.login.numOne.value + document.login.numTwo.value;
if (tester == "") {
alert ("I'm sorry, that code is not correct.");
}
else
{
if (tester == document.login.numThree.value) {
alert ("That is correct!");
cookieCreater ();
}
else {
alert ("Nope!");
}
}
}
// End –>
</SCRIPT>
<BODY>
<center>
<form name='login'>
Enter your login code (FORMAT: login # one, login # two, login # three):
<p><input TYPE='text' NAME='numOne' SIZE=15><br>
<input TYPE='text' NAME='numTwo' SIZE=15 ><br>
<input TYPE='text' NAME='numThree' SIZE=15 ><br>
<input TYPE='button' VALUE='Login' ONCLICK='check()'>
</form>
</center>
<font size=1 color=white>
This page requires Javascript to run! Please get Netscape 2.0 or greater!
</font>
<form name="login2">
<input type=hidden name="go" value="cookie-in.html">
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 3.44 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>COOKIES
2
<end node> 5P9i0s8y19Z
dt=
<node>CODE..Explaned
3
http://www.angelfire.com/yt/jmyers/get/js/cookies.htm
= = = = = = = = = = = = = = = = = = =
Copy-and-Paste Cookie Functions
= = = = = = = = = = = = = = = = = = =
function makeCookie(Name,Value,Expiry,Path,Domain,Secure) {
//Bunch of arguments
if (Expiry != null && !isNaN(Expiry)) {
//if you want to save the cookie
var datenow = new Date();
//get a date
datenow.setTime(datenow.getTime() + Math.round(86400000*Expiry));
//mutiply the number to make it represent days
Expiry = datenow.toGMTString();
//convert to GMT time
}
//ends that. And now…
Expiry = (Expiry) ? '; expires='+Expiry : '';
//has an expiration?
Path = (Path)?'; path='+Path:'';
//has a path?
Domain = (Domain) ? '; domain='+Domain : '';
//has a domain?
Secure = (Secure) ? '; secure' : '';
//Secure?
document.cookie = Name + '=' + escape(Value) + Expiry + Path + Domain + Secure;
//Make the cookie!
}
function readCookie(Name) {
//Your name goes here!
var cookies = ' ' + document.cookie;
//Copy your cookies
if (cookies.indexOf(' ' + Name + '=') == -1) return null;
//Whoops, no cookie!
var start = cookies.indexOf(' ' + Name + '=') + (Name.length + 2);
//Jump to start of cookie
var finish = cookies.substring(start,cookies.length);
//Get a count from the cookies
finish = (finish.indexOf(';') == -1) ? cookies.length : start + finish.indexOf(';');
//Find end of cookie
return unescape(cookies.substring(start,finish));
//Here's your cookie! ( Sorry, no chocolate chips. 🙂
}
// End of cookie functions (Joseph K. Myers 1999-2000 <e_mayilme@hotmail.com>)
/*
Syntax rules:
*********************** Making the Cookie / Reading the Cookie ***********************
A. Name
1. No characters besides a-z, A-Z, numerals, dash and underscore.
2. Probably don't want to use an especially long name.
B. Value
1. Here's the actual content.
2. Anything goes here up to 4000 characters.
C. Expiry (This is what shines!)
1. Type in the NUMBER OF DAYS to save the cookie or:
2. Leave this out and the cookie will expire during the current session.
D. Path
1. Sets a restriction on the portion of the server allowed to access a cookie.
2. Use a slash "/" to allow any page from your site to obtain the cookie.
E. Domain
1. Sets a domain as in MAIL.yahoo.com ( EMPHASIS ADDED!!! ).
2. By default this would be set to the same as the cookie's origin domain.
F. Secure
1. If you want access to the cookie ONLY during a secure connection.
2. Normally you'd want this to protect sensitive information.
You would type this…
makeCookie('friendly_cookie', 'Mr. Smith is tall.', 18, '/');
…to make a cookie with a NAME of friendly_cookie, a VALUE of "Mr. Smith is tall.", an
EXPIRATION of 18 days later, and having the most accessible PATH of /.
You would type this…
var YOUR_VARIABLE_NAME = readCookie('friendly_cookie');
…to set the variable of YOUR_VARIABLE_NAME to the value of the cookie with a NAME of
friendly_cookie or to null if there was no cookie available named friendly_cookie.
You would type this…
makeCookie('toughcookie', somevariable, null, '/directory/pages/', 'mail.yahoo.com', true);
…to make a cookie with a NAME of toughcookie, a VALUE of the variable somevariable, an
EXPIRATION of current session, and having a PATH of /directory/pages/ at the DOMAIN of
mail.yahoo.com, and only accessible in SECURE connections.
Typing the following…
makeCookie('cookie-name', '', 0, '/same/path/as/before', 'at-the-same-domain');
…would delete a cookie with a NAME of cookie-name. The path and domain must be specified
just as before since two cookies by the same name with different paths can coexist on one domain.
Smile! 🙂 This code is free for the taking. Consider it to be in the public domain. Feel free
to contact me at <e_mayilme@hotmail.com> or visit my website which has even more cool
scripts at <http://www.angelfire.com/yt/jmyers/>.
Note: You'll likely want to remove most comments from this script to shorten download times.
*/
//These cookie functions written 1999-2000 by Joseph K. Myers
<end node> 5P9i0s8y19Z
dt=
<node>Name & Visit
3
http://www.x-developer.com/javascript/content/cookies/name-visit/index.html
Name & Visit Browser : ALL
Action: Remembers your name and numbers of visits.
Usage: Ask a visitor for name and then write a line saying Hello to a Visitor and showing number of visits.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Mattias Sjoberg –>
<!– ————————————————— –>
var expDays=30;
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function Who(info)
{
var VisitorName=GetCookie('VisitorName')
if(VisitorName==null)
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
}
return VisitorName;
}
function When(info)
{
var rightNow=new Date()
var WWHTime=0;
WWHTime=GetCookie('WWhenH')
WWHTime=WWHTime*1
var lastHereFormatting=new Date(WWHTime);
var intLastVisit=(lastHereFormatting.getYear()*10000)+(lastHereFormatting.getMonth()*100)+lastHereFormatting.getDate()
var lastHereInDateFormat=""+lastHereFormatting;
var dayOfWeek=lastHereInDateFormat.substring(0,3)
var dateMonth=lastHereInDateFormat.substring(4,11)
var timeOfDay=lastHereInDateFormat.substring(11,16)
var year=lastHereInDateFormat.substring(23,25)
var WWHText=dayOfWeek+", "+dateMonth+" at "+timeOfDay
SetCookie("WWhenH",rightNow.getTime(),exp)
return WWHText
}
function Count(info)
{
var WWHCount=GetCookie('WWHCount')
if(WWHCount==null)
{
WWHCount=0;
}
else
{
WWHCount++;
}
SetCookie('WWHCount',WWHCount,exp);
return WWHCount;
}
function set()
{
VisitorName=prompt("Who are you?");
SetCookie('VisitorName',VisitorName,exp);
SetCookie('WWHCount',0,exp);
SetCookie('WWhenH',0,exp);
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}</SCRIPT>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
document.write("Hello "+Who()+". You've been here "+Count()+" time(s). Last time was "+When()+".");
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Popup Once
3
http://www.x-developer.com/javascript/content/cookies/popup-once/index.html
Popup Once Browser : ALL
Action: Popups a window with specific URL once.
Usage: Show a popup window just once instead of having to pop it up every time the page is visited.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=checkCount() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var expDays=1;
// number of days the cookie should last
var page="demo-dest.html";
var windowprops="width=200,height=200,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=yes";
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(argc>2)?argv[2]:null;
var path=(argc>3)?argv[3]:null;
var domain=(argc>4)?argv[4]:null;
var secure=(argc>5)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
function DeleteCookie(name)
{
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=GetCookie(name);
document.cookie=name+"="+cval+"; expires="+exp.toGMTString();
}
var exp=new Date();
exp.setTime(exp.getTime()+(expDays*24*60*60*1000));
function amt()
{
var count=GetCookie('count')
if(count==null)
{
SetCookie('count','1')
return 1
}
else
{
var newcount=parseInt(count)+1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf(";",offset);
if(endstr==-1)
endstr=document.cookie.length;
return unescape(document.cookie.substring(offset,endstr));
}
function checkCount()
{
var count=GetCookie('count');
if(count==null)
{
count=1;
SetCookie('count',count,exp);
window.open(page,"",windowprops);
}
else
{
count++;
SetCookie('count',count,exp);
}
}</script>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Redirector
3
http://www.x-developer.com/javascript/content/cookies/redirector/index.html
Redirector Browser : ALL
Action: Places a cookie on your computer with your favorite page and then redirects you there next time you enter the site.
Usage: Save time for you visitors when looking for their favorite page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Ronnie T. Moore –>
<!– Web Site: The JavaScript Source –>
<!– ————————————————— –>
var expDays = 30;
var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null;
}
function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() – 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var favorite = GetCookie('page');
if (favorite != null) {
switch (favorite) {
case 'demo-1' : url = 'demo-1.html'; // change these!
break;
case 'demo-2' : url = 'demo-2.html'; break;
case 'demo-3' : url = 'demo-3.html';
break;
case 'demo-4' : url = 'demo-4.html';
break;
}
window.location.href = url;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form>
<table border="3" bgcolor="#00007F">
<tr> <td> <font color="#FFFFFF"><b>Please choose your Favorite Page:<br>
<input type=checkbox name="demo-1" onClick="SetCookie('page', this.name, exp);">
Page 1<br>
<input type=checkbox name="demo-2" onClick="SetCookie('page', this.name, exp);">
Page 2<br>
<input type=checkbox name="demo-3" onClick="SetCookie('page', this.name, exp);">
Page 3<br>
<input type=checkbox name="demo-4" onClick="SetCookie('page', this.name, exp);">
Page 4</b><br>
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Your Name
3
http://www.x-developer.com/javascript/content/cookies/name/index.html
Your Name Browser : ALL
Action: Asks a visitor for name and prints the line.
Usage: Greet a visitor every time he enters the page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE = "JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Mattias Sjoberg –>
<!– ————————————————— –>
var username = GetCookie('username');
if (username == null) {
username = prompt('Please enter your name (otherwise press cancel)',"WebSurfer");
if (username == null) {
alert('Its ok if you dont want to tell me your name');
username = 'WebSurfer';
} else {
pathname = location.pathname;
myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var largeExpDate = new Date ();
largeExpDate.setTime(largeExpDate.getTime() + (365 * 24 * 3600 * 1000));
SetCookie('username',username,largeExpDate,myDomain);
}
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" +
expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
</SCRIPT>
<CENTER>
<SCRIPT>
document.write('<font size="+3">Hey '+username+'!</font>');
if (username == "WebSurfer") {
document.write('</font><br><small><a href="name.html" target="_top">personalize</A> your greeting!</small>')
<!– Remember to change the URL in the previous line to your page URL –>
}
</SCRIPT>
<font size="3"><b><font size="4">You're Using:</font></b></font> <SCRIPT>
document.write('<br> '+ navigator.appName + ' (<i>' + navigator.appCodeName + '</i>) version ' + navigator.appVersion + '.')
// End –>
</SCRIPT>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>date
1
<!– ONE STEP TO INSTALL DAYS TILL DATE:
1. Add the first code to the BODY of your HTML document –>
<!– STEP ONE: Add the first code to the BODY of your HTML document –>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!– Original: Alan Palmer –>
<!– Web Site: http://www.jsr.communitech.net –>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
var date = new Date("January 1, 2003");
var description = "the year 2003";
var now = new Date();
var diff = date.getTime() – now.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
document.write("<center><h3>")
if (days > 1) {
document.write(days+1 + " days until " + description);
}
else if (days == 1) {
document.write("Only two days until " + description);
}
else if (days == 0) {
document.write("Tomorrow is " + description);
}
else {
document.write("It's" + description + "!");
}
document.write("</h3></center>");
// End –>
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.16 KB –>
<!– THREE STEPS TO INSTALL POPUP DATE PICKER:
1. Copy the code into a new file, save as date-picker.js
2. Add the script source tag to the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document –>
<!– STEP ONE: Copy this code into a new file, save as date-picker.js –>
<!– Original: Kedar R. Bhave (softricks@hotmail.com) –>
<!– Web Site: http://www.softricks.com –>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
var weekend = [0,6];
var weekendColor = "#e0e0e0";
var fontface = "Verdana";
var fontsize = 2;
var gNow = new Date();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
Calendar.Months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
function Calendar(p_item, p_WinCal, p_month, p_year, p_format) {
if ((p_month == null) && (p_year == null)) return;
if (p_WinCal == null)
this.gWinCal = ggWinCal;
else
this.gWinCal = p_WinCal;
if (p_month == null) {
this.gMonthName = null;
this.gMonth = null;
this.gYearly = true;
} else {
this.gMonthName = Calendar.get_month(p_month);
this.gMonth = new Number(p_month);
this.gYearly = false;
}
this.gYear = p_year;
this.gFormat = p_format;
this.gBGColor = "white";
this.gFGColor = "black";
this.gTextColor = "black";
this.gHeaderColor = "black";
this.gReturnItem = p_item;
}
Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
Calendar.print = Calendar_print;
function Calendar_get_month(monthNo) {
return Calendar.Months[monthNo];
}
function Calendar_get_daysofmonth(monthNo, p_year) {
/*
Check for leap year ..
1.Years evenly divisible by four are normally leap years, except for…
2.Years also evenly divisible by 100 are not leap years, except for…
3.Years also evenly divisible by 400 are leap years.
*/
if ((p_year % 4) == 0) {
if ((p_year % 100) == 0 && (p_year % 400) != 0)
return Calendar.DOMonth[monthNo];
return Calendar.lDOMonth[monthNo];
} else
return Calendar.DOMonth[monthNo];
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) – 1;
}
else {
ret_arr[0] = parseInt(p_Month) – 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
function Calendar_print() {
ggWinCal.print();
}
function Calendar_calc_month_year(p_Month, p_Year, incr) {
/*
Will return an 1-D array with 1st element being the calculated month
and second being the calculated year
after applying the month increment/decrement as specified by 'incr' parameter.
'incr' will normally have 1/-1 to navigate thru the months.
*/
var ret_arr = new Array();
if (incr == -1) {
// B A C K W A R D
if (p_Month == 0) {
ret_arr[0] = 11;
ret_arr[1] = parseInt(p_Year) – 1;
}
else {
ret_arr[0] = parseInt(p_Month) – 1;
ret_arr[1] = parseInt(p_Year);
}
} else if (incr == 1) {
// F O R W A R D
if (p_Month == 11) {
ret_arr[0] = 0;
ret_arr[1] = parseInt(p_Year) + 1;
}
else {
ret_arr[0] = parseInt(p_Month) + 1;
ret_arr[1] = parseInt(p_Year);
}
}
return ret_arr;
}
// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();
Calendar.prototype.getMonthlyCalendarCode = function() {
var vCode = "";
var vHeader_Code = "";
var vData_Code = "";
// Begin Table Drawing code here..
vCode = vCode + "<TABLE BORDER=1 BGCOLOR=\"" + this.gBGColor + "\">";
vHeader_Code = this.cal_header();
vData_Code = this.cal_data();
vCode = vCode + vHeader_Code + vData_Code;
vCode = vCode + "</TABLE>";
return vCode;
}
Calendar.prototype.show = function() {
var vCode = "";
this.gWinCal.document.open();
// Setup the page…
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\"" + this.gLinkColor + "\" " +
"vlink=\"" + this.gLinkColor + "\" " +
"alink=\"" + this.gLinkColor + "\" " +
"text=\"" + this.gTextColor + "\">");
this.wwriteA("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwriteA(this.gMonthName + " " + this.gYear);
this.wwriteA("</B><BR>");
// Show navigation buttons
var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
var prevMM = prevMMYYYY[0];
var prevYYYY = prevMMYYYY[1];
var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
var nextMM = nextMMYYYY[0];
var nextYYYY = nextMMYYYY[1];
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" +
");" +
"\"><<<\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\"><<\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\"javascript:window.print();\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\">><\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +
");" +
"\">>><\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for the month..
vCode = this.getMonthlyCalendarCode();
this.wwrite(vCode);
this.wwrite("</font></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.showY = function() {
var vCode = "";
var i;
var vr, vc, vx, vy; // Row, Column, X-coord, Y-coord
var vxf = 285; // X-Factor
var vyf = 200; // Y-Factor
var vxm = 10; // X-margin
var vym; // Y-margin
if (isIE) vym = 75;
else if (isNav) vym = 25;
this.gWinCal.document.open();
this.wwrite("<html>");
this.wwrite("<head><title>Calendar</title>");
this.wwrite("<style type='text/css'>\n<!–");
for (i=0; i<12; i++) {
vc = i % 3;
if (i>=0 && i<= 2) vr = 0;
if (i>=3 && i<= 5) vr = 1;
if (i>=6 && i<= 8) vr = 2;
if (i>=9 && i<= 11) vr = 3;
vx = parseInt(vxf * vc) + vxm;
vy = parseInt(vyf * vr) + vym;
this.wwrite(".lclass" + i + " {position:absolute;top:" + vy + ";left:" + vx + ";}");
}
this.wwrite("–>\n</style>");
this.wwrite("</head>");
this.wwrite("<body " +
"link=\"" + this.gLinkColor + "\" " +
"vlink=\"" + this.gLinkColor + "\" " +
"alink=\"" + this.gLinkColor + "\" " +
"text=\"" + this.gTextColor + "\">");
this.wwrite("<FONT FACE='" + fontface + "' SIZE=2><B>");
this.wwrite("Year : " + this.gYear);
this.wwrite("</B><BR>");
// Show navigation buttons
var prevYYYY = parseInt(this.gYear) – 1;
var nextYYYY = parseInt(this.gYear) + 1;
this.wwrite("<TABLE WIDTH='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#e0e0e0'><TR><TD ALIGN=center>");
this.wwrite("[<A HREF=\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" +
");" +
"\" alt='Prev Year'><<<\/A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\"javascript:window.print();\">Print</A>]</TD><TD ALIGN=center>");
this.wwrite("[<A HREF=\"" +
"javascript:window.opener.Build(" +
"'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" +
");" +
"\">>><\/A>]</TD></TR></TABLE><BR>");
// Get the complete calendar code for each month..
var j;
for (i=11; i>=0; i–) {
if (isIE)
this.wwrite("<DIV ID=\"layer" + i + "\" CLASS=\"lclass" + i + "\">");
else if (isNav)
this.wwrite("<LAYER ID=\"layer" + i + "\" CLASS=\"lclass" + i + "\">");
this.gMonth = i;
this.gMonthName = Calendar.get_month(this.gMonth);
vCode = this.getMonthlyCalendarCode();
this.wwrite(this.gMonthName + "/" + this.gYear + "<BR>");
this.wwrite(vCode);
if (isIE)
this.wwrite("</DIV>");
else if (isNav)
this.wwrite("</LAYER>");
}
this.wwrite("</font><BR></body></html>");
this.gWinCal.document.close();
}
Calendar.prototype.wwrite = function(wtext) {
this.gWinCal.document.writeln(wtext);
}
Calendar.prototype.wwriteA = function(wtext) {
this.gWinCal.document.write(wtext);
}
Calendar.prototype.cal_header = function() {
var vCode = "";
vCode = vCode + "<TR>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sun</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Mon</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Tue</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Wed</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Thu</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Fri</B></FONT></TD>";
vCode = vCode + "<TD WIDTH='16%'><FONT SIZE='2' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>Sat</B></FONT></TD>";
vCode = vCode + "</TR>";
return vCode;
}
Calendar.prototype.cal_data = function() {
var vDate = new Date();
vDate.setDate(1);
vDate.setMonth(this.gMonth);
vDate.setFullYear(this.gYear);
var vFirstDay=vDate.getDay();
var vDay=1;
var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear);
var vOnLastDay=0;
var vCode = "";
/*
Get day for the 1st of the requested month/year..
Place as many blank cells before the 1st day of the month as necessary.
*/
vCode = vCode + "<TR>";
for (i=0; i<vFirstDay; i++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT SIZE='2' FACE='" + fontface + "'> </FONT></TD>";
}
// Write rest of the 1st week
for (j=vFirstDay; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
}
vCode = vCode + "</TR>";
// Write the rest of the weeks
for (k=2; k<7; k++) {
vCode = vCode + "<TR>";
for (j=0; j<7; j++) {
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='2' FACE='" + fontface + "'>" +
"<A HREF='#' " +
"onClick=\"self.opener.document." + this.gReturnItem + ".value='" +
this.format_data(vDay) +
"';window.close();\">" +
this.format_day(vDay) +
"</A>" +
"</FONT></TD>";
vDay=vDay + 1;
if (vDay > vLastDay) {
vOnLastDay = 1;
break;
}
}
if (j == 6)
vCode = vCode + "</TR>";
if (vOnLastDay == 1)
break;
}
// Fill up the rest of last week with proper blanks, so that we get proper square blocks
for (m=1; m<(7-j); m++) {
if (this.gYearly)
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'> </FONT></TD>";
else
vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) +
"><FONT SIZE='2' FACE='" + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
}
return vCode;
}
Calendar.prototype.format_day = function(vday) {
var vNowDay = gNow.getDate();
var vNowMonth = gNow.getMonth();
var vNowYear = gNow.getFullYear();
if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
return ("<FONT COLOR=\"RED\"><B>" + vday + "</B></FONT>");
else
return (vday);
}
Calendar.prototype.write_weekend_string = function(vday) {
var i;
// Return special formatting for the weekend day.
for (i=0; i<weekend.length; i++) {
if (vday == weekend[i])
return (" BGCOLOR=\"" + weekendColor + "\"");
}
return "";
}
Calendar.prototype.format_data = function(p_day) {
var vData;
var vMonth = 1 + this.gMonth;
vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
var vMon = Calendar.get_month(this.gMonth).substr(0,3).toUpperCase();
var vFMon = Calendar.get_month(this.gMonth).toUpperCase();
var vY4 = new String(this.gYear);
var vY2 = new String(this.gYear.substr(2,2));
var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;
switch (this.gFormat) {
case "MM\/DD\/YYYY" :
vData = vMonth + "\/" + vDD + "\/" + vY4;
break;
case "MM\/DD\/YY" :
vData = vMonth + "\/" + vDD + "\/" + vY2;
break;
case "MM-DD-YYYY" :
vData = vMonth + "-" + vDD + "-" + vY4;
break;
case "MM-DD-YY" :
vData = vMonth + "-" + vDD + "-" + vY2;
break;
case "DD\/MON\/YYYY" :
vData = vDD + "\/" + vMon + "\/" + vY4;
break;
case "DD\/MON\/YY" :
vData = vDD + "\/" + vMon + "\/" + vY2;
break;
case "DD-MON-YYYY" :
vData = vDD + "-" + vMon + "-" + vY4;
break;
case "DD-MON-YY" :
vData = vDD + "-" + vMon + "-" + vY2;
break;
case "DD\/MONTH\/YYYY" :
vData = vDD + "\/" + vFMon + "\/" + vY4;
break;
case "DD\/MONTH\/YY" :
vData = vDD + "\/" + vFMon + "\/" + vY2;
break;
case "DD-MONTH-YYYY" :
vData = vDD + "-" + vFMon + "-" + vY4;
break;
case "DD-MONTH-YY" :
vData = vDD + "-" + vFMon + "-" + vY2;
break;
case "DD\/MM\/YYYY" :
vData = vDD + "\/" + vMonth + "\/" + vY4;
break;
case "DD\/MM\/YY" :
vData = vDD + "\/" + vMonth + "\/" + vY2;
break;
case "DD-MM-YYYY" :
vData = vDD + "-" + vMonth + "-" + vY4;
break;
case "DD-MM-YY" :
vData = vDD + "-" + vMonth + "-" + vY2;
break;
default :
vData = vMonth + "\/" + vDD + "\/" + vY4;
}
return vData;
}
function Build(p_item, p_month, p_year, p_format) {
var p_WinCal = ggWinCal;
gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format);
// Customize your Calendar here..
gCal.gBGColor="white";
gCal.gLinkColor="black";
gCal.gTextColor="black";
gCal.gHeaderColor="darkgreen";
// Choose appropriate show function
if (gCal.gYearly) gCal.showY();
else gCal.show();
}
function show_calendar() {
/*
p_month : 0-11 for Jan-Dec; 12 for All Months.
p_year : 4-digit year
p_format: Date format (mm/dd/yyyy, dd/mm/yy, …)
p_item : Return Item.
*/
p_item = arguments[0];
if (arguments[1] == null)
p_month = new String(gNow.getMonth());
else
p_month = arguments[1];
if (arguments[2] == "" || arguments[2] == null)
p_year = new String(gNow.getFullYear().toString());
else
p_year = arguments[2];
if (arguments[3] == null)
p_format = "MM/DD/YYYY";
else
p_format = arguments[3];
vWinCal = window.open("", "Calendar",
"width=250,height=250,status=no,resizable=no,top=200,left=200");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, p_month, p_year, p_format);
}
/*
Yearly Calendar Code Starts here
*/
function show_yearly_calendar(p_item, p_year, p_format) {
// Load the defaults..
if (p_year == null || p_year == "")
p_year = new String(gNow.getFullYear().toString());
if (p_format == null || p_format == "")
p_format = "MM/DD/YYYY";
var vWinCal = window.open("", "Calendar", "scrollbars=yes");
vWinCal.opener = self;
ggWinCal = vWinCal;
Build(p_item, null, p_year, p_format);
}
<!– STEP TWO: Paste this code into the HEAD of your HTML document –>
<HEAD>
<script language="JavaScript" src="date-picker.js"></script>
</HEAD>
<!– STEP THREE: Copy this code into the BODY of your HTML document –>
<BODY>
<center>
<form name=calform>
<input type=text name="datebox" size=15><a href="javascript:show_calendar('calform.datebox');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;"><img src="show-calendar.gif" width=24 height=22 border=0></a>
</form>
</center>
<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 17.17 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>email
1
<!– ONE STEP TO INSTALL EMAIL ADDRESS PROTECTOR:
1. Copy the coding into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the BODY of your HTML document –>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!– Begin
user = "username";
site = "yoursite.com";
document.write('<a href=\"mailto:' + user + '@' + site + '\">');
document.write(user + '@' + site + '</a>');
// End –>
</SCRIPT>
******************************************************************************
<!– ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document –>
<!– STEP ONE: Paste this last code into the BODY of your HTML document –>
<BODY>
<CENTER>
<FORM>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 0.57 KB –>
******************************************************************
<!– THREE STEPS TO INSTALL SUBMIT ONCE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
var submitcount=0;
function reset() {
document.emailform.name.value="";
document.emailform.email.value="";
document.emailform.comments.value="";
}
function checkFields() { // field validation –
if ( (document.emailform.name.value=="") || // checks if fields are blank.
(document.emailform.email.value=="") || // More validation scripts at
(document.emailform.comments.value=="") ) // forms.javascriptsource.com
{
alert("Please enter your name, email, and comments then re-submit this form.");
return false;
}
else
{
if (submitcount == 0)
{
submitcount++;
return true;
}
else
{
alert("This form has already been submitted. Thanks!");
return false;
}
}
}
// End –>
</script>
</HEAD>
<!– STEP TWO: Insert the onLoad event handler into your BODY tag –>
<BODY OnLoad="reset()">
<!– STEP THREE: Copy this code into the BODY of your HTML document –>
<form method=post action="http://cgi.freedback.com/mail.pl" name="emailform" onSubmit="return checkFields()">
<input type=hidden name=to value="you@your-website-address-here.com">
<input type=hidden name=subject value="Feedback Form">
<pre>
Your Name: <input type=text name="name">
Your Email: <input type=text name="email">
Comments?
<textarea name="comments" wrap="virtual" rows="7" cols="45"></Textarea>
<input type=submit value="Submit Form!">
[ Click the submit button twice to see the script in action ]
</pre>
</form>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 2.05 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>E-Mail
2
<end node> 5P9i0s8y19Z
dt=
<node>Auto-Email Notification
3
http://members.nbci.com/_XMCM/yoboseyo/login/pwmake.htm
Auto-Email Notification
If you want to have email from anyone who visits your page
you need only have a form with one button.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form name="f" action="mailto:you@your.com" method="post">
<input type="submit" name="b" value=".">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
In the <body> tag you need to activate the form by clicking
on the button. <body onload="document.f.b.click();">
<end node> 5P9i0s8y19Z
dt=
<node>Fax
3
<A HREF="mailto:Fax: (970) 686-1100">Fax: (970) 686-1100</A>
<end node> 5P9i0s8y19Z
dt=
<node>Fill-In
3
http://wsabstract.com/script/script2/mailbutton.shtml
—
Featured new script- Email Me button
This simple but practical script render a "email me" button that, when clicked on, launches your visitor's default email program with the "To", "CC", and "Subject" line all filled in already.
Directions: Simply insert the below into the <body> section of your page where you want the email link to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<FORM>
<INPUT TYPE="button" VALUE="Contact Us" onClick="parent.location='mailto:you@youremail.com?subject=The subject you want to appear&cc=you2@youremail.com'">
</FORM>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>New subject
3
http://www.x-developer.com/javascript/content/buttons/mail-button-subject/index.html
Mail Button with Subject
Action: Sends an E-Mail withsubject predefined.
Usage: Your visitors won'thave to type message subject any more.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<FORM>
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –> <!– ————————————————— –> <INPUT TYPE=button VALUE="Mail Button with Subject" onClick=parent.location='mailto:developer@x-developer.com?subject=Hello!'>
</FORM>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>E-Mail Buttons
2
A JavaScript button will bring up an E-Mail Window for your users. You can also include a predefined subject if you so decide. Both methods are demonstrated
= = = = = = = = = = = = = = =
<!– ONE STEP TO INSTALL E-MAIL BUTTON:
1. Paste the coding into the BODY of your HTML document –>
<!– STEP ONE: Copy this code into the BODY of your HTML document –>
<BODY>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me" onClick="parent.location='mailto:antispammer@earthling.net'">
</FORM>
<FORM>
<INPUT TYPE="button" VALUE="Click Here to Write to Me – Subject Predetermined" onClick="parent.location='mailto:spammer@earthling.net?subject=This Is The Pre-determined Subject'">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 0.70 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Subject E-Mail
3
Let your visitors send you e-mail with a predetermined subject!
——————————————————————————–
<!– ONE STEP TO INSTALL SUBJECT E-MAIL:
1. Paste the designated coding into the BODY of the HTML document –>
<!– STEP ONE: Paste this last code into the BODY of your HTML document –>
<BODY>
<CENTER>
<FORM>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<INPUT TYPE="button" VALUE="Click Here to Write to Me"
onClick="parent.location='mailto:spammer@earthling.net?
subject=This goes to the subject'">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 0.57 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Mailing List U/D
2
http://www.x-developer.com/javascript/content/forms/mailing-list/index.html
Mailing List Browser : ALL
Action: Mailing list submitting form with basic validation.
Usage: Saves time for a visitor when signing for your mailing
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function resetform() {
document.forms[0].elements[1]=="";
}
function submitForms() {
if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
if (confirm("\n You are about to e-mail your submission. \n\nYES to submit. NO to abort."))
{
alert("\nYour submission will now be sent. \n\n Use the Return Button once the submission is complete to return to my home page.\n\n\n Thank you for joining our mailing list!");
return true;
}
else
{
alert("\n You have chosen to abort the submission.");
return false
}
else return false;
}
function isEmail() {
if (document.forms[0].elements[1].value == "") {
alert ("\n The E-Mail field is blank. \n\n Please enter your E-Mail address.")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
alert ("\n The E-Mail field requires a \"@\" and a \".\"be used. \n\nPlease re-enter your E-Mail address.")
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
return true;
}
function isFname() {
if (document.forms[0].elements[2].value == "")
{
alert ("\n The First Name field is blank. \n\n Please enter your first name.")
document.forms[0].elements[2].focus();
return false;
}
return true;
}
function isLname() {
if (document.forms[0].elements[3].value == "") {
alert ("\n The Last Name field is blank. \n\nPlease enter your last name.")
document.forms[0].elements[3].focus();
return false;
}
return true;
}
function isAddress() {
if (document.forms[0].elements[4].value == "") {
alert ("\n The Address field is blank. \n\nPlease enter your address.")
document.forms[0].elements[4].focus();
return false;
}
return true;
}
function isCity()
{
if (document.forms[0].elements[5].value == "")
{
alert ("\n The City field is blank. \n\nPlease enter your city.")
document.forms[0].elements[5].focus();
return false;
}
return true;
}
function isState() {
if (document.forms[0].elements[6].value == "") {
alert ("\n The state field is blank.\n\nPlease enter your state.")
document.forms[0].elements[6].focus();
return false;
}
return true;
}
function isZip() {
if (document.forms[0].elements[7].value == "") {
alert ("\n The Zip code field is blank. \n\nPlease enter your Zip code.")
document.forms[0].elements[7].focus();
return false;
}
return true;
}
</SCRIPT>
<CENTER>
<FORM enctype="text/plain" name="addform" method='get'
action='mailto:developer@x-developer.com?subject=Mailing List' onSubmit="return submitForms()">
<input type="hidden" name="Form" value="Submit Sub">
<TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#1018BF">
<tr valign=baseline> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Email Address:</font> </b></font></TD>
<TD> <input type=text name="Email Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">First Name:</font> </b></font></TD>
<TD> <input type=text name="First Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Last Name:</font> </b></font></TD>
<TD> <input type=text name="Last Name" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Address:</font> </b></font></TD>
<TD> <input type=text name="Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">City:</font> </b></font></TD>
<TD> <input type=text name="City" size=35,1 maxlength=80>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">State:</font> </b></font></TD>
<TD> <input type=text name="State" size=10,1 maxlength=25>
</TD>
</tr>
<tr> <TD bgcolor="#00007F"> <font color="#FFFFFF"><b><font face="arial">Zip Code:</font> </b></font></TD>
<TD> <input type=text name="Zip" size=20,1 maxlength=35>
</TD>
</tr>
</TABLE>
<br>
<input type="submit" value=" Submit ">
<input type="button" value=" Return " onclick="window.location='your-page.html'">
<input type="reset" value="Reset Form" onclick=resetform()>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Files
1
you can use split method. for example, if the content of file is on
fileContent variable then you can simply use:
fileLines=fileContent.split("\n")
first line will be:
fileLines[0]
second:
fileLines[1]
third:
fileLines[2]
…..
and the number of lines:
fileLines.length
2. Using a web page and ActiveX objects (Internet Explorer only)
Using ActiveX objects gives you many possibilities, but there are two distinct disadvantages:
You need a web page to run your JavaScript, and
ActiveX objects only work with the Internet Explorer browser.
When using extensions, all you need to do is select Build / Execute from the menu and let JavaScript Editor do the job.
Example 1 (using extensions): Reading a file
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FileRead.js, and
4. Select Build / Execute from the menu.
Note: If you do not save the file, getScriptPath() below will return an empty string.
// This example shows file manipulation routines: it echoes
// the contents of itself (the script file).
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
fh = fopen(getScriptPath(), 0); // Open the file for reading
if(fh!=-1) // If the file has been successfully opened
{
length = flength(fh); // Get the length of the file
str = fread(fh, length); // Read in the entire file
fclose(fh); // Close the file
// Display the contents of the file
write(str);
}
Example 2 (using extensions): Listing files in a folder
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as FolderExample.js, and
4. Select Build / Execute from the menu.
Note: if you do not save the file, getCurrentFolder() below will return an empty string.
// This example shows folder manipulation routines: it lists
// the contents of the current folder.
// Created with Antechinus® JavaScript Editor
// Copyright© 2009 C Point Pty Ltd
write("The contents of " + getCurrentFolder());
fileName = findFirstFile("*.*"); // Find the first file matching the filter
while(fileName.length)
{
write(fileName);
fileName = findNextFile(); // Find the next file matching the filter
}
Example 3 (using extensions): Writing a file using JavaScript
Writing files using JavaScript and built-in extensions is straightforward: open the file for writing, write to a file and close a file.
1. Run JavaScript Editor
2. Copy and paste the code below
3. (Optional) Save the file as WriteFileExample.js, and
4. Select Build / Execute from the menu.
function WriteFile()
{
var fh = fopen("c:\\MyFile.txt", 3); // Open the file for writing
if(fh!=-1) // If the file has been successfully opened
{
var str = "Some text goes here…";
fwrite(fh, str); // Write the string to a file
fclose(fh); // Close the file
}
}
WriteFile();
Example 4 (using ActiveX and a web page): Listing available drives
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as DriveList.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language=JavaScript>
function ShowAvailableDrives()
{
document.write(GetDriveList());
}
function GetDriveList()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = new Enumerator(fso.Drives);
s = "";
do
{
x = e.item();
s = s + x.DriveLetter;
s += ":- ";
if (x.DriveType == 3) n = x.ShareName;
else if (x.IsReady) n = x.VolumeName;
else n = "[Drive not ready]";
s += n + "<br>";
e.moveNext();
} while (!e.atEnd());
return(s);
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language=JavaScript> ShowAvailableDrives(); </SCRIPT>
</P>
</BODY>
</HTML>
Example 5 (using ActiveX and a web page): Writing a file using JavaScript
Writing files via ActiveX is slightly more involved than using JavaScript Editor extensions: you create an instance of a FileSystemObject, create a file, write to it, and close it.
In addition, you cannot run the code on its own, it needs to be a part of a web page or a stand-alone HTML Application (HTA).
1. Run JavaScript Editor
2. Copy and paste the code below
3. Save the file as WriteFileX.htm, and
4. View the page using Internal Viewer or Internet Explorer
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
function WriteFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var fh = fso.CreateTextFile("c:\\Test.txt", true);
fh.WriteLine("Some text goes here…");
fh.Close();
}
</SCRIPT>
</HEAD>
<BODY>
<P>
<SCRIPT language="JavaScript"> WriteFile(); </SCRIPT>
</P>
</BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>FORMS
1
if (name !== null && password !== null){
var location=name +'support'+ password + '.html';
window.status=null
document.location.href = location;
}
<end node> 5P9i0s8y19Z
dt=
<node>Add ToCombo
2
http://www.x-developer.com/javascript/content/forms/add-to-list/index.html
Add To List Browser : ALL
Action: Adds data as you enter it in the form and stores it in memory for later use.
Usage: Create small amounts of data that can be sent later via form mail.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<FORM name="history">
<center>
<INPUT name="command" type="text" value="">
<INPUT type="button" value="Add to List" onclick="f_store(document.history.command.value)">
<INPUT name="history" type="button" value="Show List" onclick="f_print()">
</center>
</FORM>
<P> <SCRIPT language="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function MakeArray( n ) {
if( n <= 0 ) {
this.length = 0;
return this;
}
this.length = n;
for( var i = 1; i <= n; i++ ) {
this[ i ] = 0;
}
return this;
}
var history = new MakeArray( 15 );
var index = 0;
var cmmnd = 1;
function f_store( sTR ) {
var i;
if( index >= history.length ) {
for( i = 1; i < history.length; i++ )
history[i-1] = history[i];
index = history.length – 1;
}
history[ index ] = cmmnd + ":" + sTR;
++cmmnd;
++index;
document.history.command.value="";
}
function f_print() {
var allCmmnds, i;
allCmmnds = "";
for( i = 0; i < index; i++ )
allCmmnds += history[i] + "\n";
alert( allCmmnds );
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Agree on Entry
2
http://www.x-developer.com/javascript/content/forms/agree-entry/index.html
Agree on Entry Browser : ALL
Action: Allows you to enter data only after you check the I Agree radio button.
Usage: You can force a visitor to Agree when submitting a form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
agree = 0; // 0 means 'no', 1 means 'yes'
</script>
<center>
<form name=enableform>
<input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();">
<b>I agree<br>
<input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';">
I disagree<br>
Please enter your name: </b> <input type=text name=box onFocus="if (!agree)this.blur();" onChange="if (!agree)this.value='';" size=12>
<br>
<br>
<input type=submit value="Done!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Box Input Limit
2
<script type="text/javascript">
function ValidatePassKey(tb) {
if (tb.TextLength >= 4)
document.getElementById(tb.id + 1).focus();
}
}
</script>
<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="4" type="text" maxlength="4">
=====================================
http://www.x-developer.com/javascript/content/forms/box-limit/index.html
http://capsule.bayside.net/
Box Input Limit Browser : ALL
Action: Limits amount of characters written in the form textbox.
Usage: Prevent users from entering too long messages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Glenn Wang (brief@ix.netcom.com) –>
<!– Web Site: http://capsule.bayside.net/ –>
<!– ————————————————— –>
function checkchars(form) {
var max=15;
if (form.chars.value.length > max) {
alert("Please do not enter more than 15 characters. Please shorten your entry and submit again.");
return false;
}
else return true;
}
</script>
<center>
<form onsubmit="return checkchars(this)">
<textarea rows=5 cols=30 name=chars wrap=virtual></textarea>
<br>
<input type=submit value="Submit!">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>checkbox
2
<end node> 5P9i0s8y19Z
dt=
<node>CheckBox Checker
3
<SCRIPT LANGUAGE="JavaScript">
<!–
// by Nannette Thacker
// http://www.shiningstar.net
// This script checks and unchecks boxes on a form
// Checks and unchecks unlimited number in the group…
// Pass the Checkbox group name…
// call buttons as so:
// <input type=button name="CheckAll" value="Check All"
//onClick="checkAll(document.myform.list)">
// <input type=button name="UnCheckAll" value="Uncheck All"
//onClick="uncheckAll(document.myform.list)">
// –>
<!– Begin
function checkAll(field)
{
function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
field[i].checked = false ;
}
// End –>
</script>
Here is the HTML:
<form name="myform" action="checkboxes.asp" method="post">
<b>Your Favorite Scripts & Languages</b><br>
<input type="checkbox" name="list" value="1">Java<br>
<input type="checkbox" name="list" value="2">Javascript<br>
<input type="checkbox" name="list" value="3">Active Server Pages<br>
<input type="checkbox" name="list" value="4">HTML<br>
<input type="checkbox" name="list" value="5">SQL<br>
<input type="button" name="CheckAll" value="Check All"
onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Uncheck All"
onClick="uncheckAll(document.myform.list)">
<br>
</form>
=======================================================
http://www.x-developer.com/javascript/content/forms/checker/index.html
mailto:stevejr@ce.net
CheckBox Checker Browser : ALL
Action: Controls checkbox appearance in your form.
Usage: Help a visitor control checkboxes easily.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Modified By: Steve Robison, Jr. (stevejr@ce.net) –>
<!– ————————————————— –>
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=myform action="" method=post>
<table bgcolor="#00007F" border="3">
<tr> <td> <font color="#FFFFFF"><b>Your Favorite Scripts & Languages<br>
<input type=checkbox name=list value="1">
Java<br>
<input type=checkbox name=list value="2">
JavaScript<br>
<input type=checkbox name=list value="3">
ASP<br>
<input type=checkbox name=list value="4">
HTML<br>
<input type=checkbox name=list value="5">
SQL</b><br>
<br>
<input type=button value="Check All" onClick="this.value=check(this.form.list)">
</font></td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>VBcode
4
If chMultiple.Value = 1 Then
Print #2, "<SCRIPT LANGUAGE='JavaScript'>"
Print #2, "function checkAll(field1){"
Print #2, Spc(4); "for (i = 0; i < field1.length; i++)"
Print #2, Spc(8); "field1[i].checked = true;"
Print #2, Spc(4); "}"
Print #2, Spc(0); "</script>"
End If
<end node> 5P9i0s8y19Z
dt=
<node>CheckBox Limit
3
http://www.x-developer.com/javascript/content/forms/check-box-limit/index.html
CheckBox Limit Browser : ALL
Action: Limits number of selected checkboxes.
Usage: Prevent a visitor from selecting too many checkboxes.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script type="text/javascript">
<!–
var numChecked = 0;
var maxChecked = 4000 // checked boxes limit
function getChecked() { // checks to see if any boxes are selected by default
myForm = document.count
for (i=0; i<myForm.elements.length; i++) {
if (myForm.elements[i].type == "checkbox" && myForm.elements[i].checked){
numChecked++
}
}
}
function checkCheck(theBox) {
if (theBox.checked) {
if (numChecked == maxChecked){
theBox.checked = false
}
else{
numChecked++
}
}
else{
//numChecked–
return true
}
document.getElementById("display_count").innerHTML=numChecked
}
// include onload="getChecked()" in the opening BODY tag
//–>
</script>
<form name="count">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
<input type="checkBox" onClick="checkCheck(this)">
</form>
A checkbox has been selected <span id="display_count"></span> times
</center>
======================================
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function countChoices(obj) {
max = 2; // max. number allowed at a time
box1 = obj.form.box1.checked; // your checkboxes here
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked; // add more if necessary
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
// If you have more checkboxes on your form
// add more (box_ ? 1 : 0) 's separated by '+'
if (count > max) {
alert("Oops! You can only choose up to " + max + " choices! \nUncheck an option if you want to pick another.");
obj.checked = false;
}
}
</script>
<center>
<form>
<p> <input type=checkbox name=box1 onClick="countChoices(this)">
<b>Section 1 </b> <p> <b> <input type=checkbox name=box2 onClick="countChoices(this)">
Section 2 </b> <p> <b> <input type=checkbox name=box3 onClick="countChoices(this)">
Section 3 </b> <p> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>is checked
3
The form must have a name. And the checkbox fields must have a name. Here is an example:
<form
name="myform"
method="POST"
action="/cgi-bin/script.cgi">
<input
type="checkbox"
name="box1"
value="yes1">
<input
type="checkbox"
name="box2"
value="yes2">
<input
type="submit"
onClick="DoTheCheck()">
</form>
The above form's name is "myform". The checkbox's names are "box1" and "box2".
Here is JavaScript that will check whether or not the checkboxes are checked and display an alert box with the answer. It is function DoTheCheck() that the above form calls when the submit button is clicked. The JavaScript can be in the HEAD area or in the BODY area, so long as it is above the form it manipulates.
function DoTheCheck() {
if(document.myform.box1.checked == true)
{ alert('box1 is checked'); }
if(document.myform.box1.checked == false)
{ alert('box1 is not checked'); }
if(document.myform.box2.checked == true)
{ alert('box2 is checked'); }
if(document.myform.box2.checked == false)
{ alert('box2 is not checked'); }
}
The format is the word "document," a period, the name of the form, a period, the name of the checkbox field, a period, and the word "checked."
If you want to check a checkbox with JavaScript, use:
document.myform.box1.checked = true;
Notice that when you consult the checkbox to see whether or not it is checked, you use two consecutive equals characters; and when you assign a check to the checkbox, you use only a single equals character. The single use means "make it equal to ______." The doubled use determines "whether or not it already is equal to ______."
If you want to un-check a checkbox with JavaScript, use:
document.myform.box1.checked = false;
Now you know how to determine whether or not a checkbox is already checked and you can check or uncheck it.
Before we present the examples, let's learn how to determine the value of a checkbox.
Simply replace the word "checkbox" with the word "value". The value is the value as specified in the form itself (unless JavaScript is used to change that value). When you consult the checkbox to determine its value, it will provide the value whether or not it is checked. For example, this will display an alert box with the value of box1 as the message:
alert(document.myform.box1.value);
To display the alert box only if the checkbox is checked, do this:
if(document.myform.box1.checked == true)
{ alert(document.myform.box1.value); }
If you need to change the value of a checkbox with JavaScript, do something like this:
document.myform.box1.value = "new value";
<end node> 5P9i0s8y19Z
dt=
<node>CheckBox Text
2
http://www.x-developer.com/javascript/content/forms/checkbox-text/index.html
CheckBox Text Browser : ALL
Action: Checks and unchecks a checkbox when you click on the text near it.
Usage: Simplify checkbox checking for your visitors.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: trs2005@yahoo.com –>
<!– Modified by: Ronnie T. Moore, Editor –>
<!– ————————————————— –>
function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}
</script>
<BODY bgcolor="#ffffcc">
<center>
<form name=demoform>
<input type=checkbox name=agreebox>
<span id="hellospan" style="cursor:hand;" onClick="changeBox('document.demoform.agreebox')"><b>Clicking this text also checks the box to the left.</b></span> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>combo double
2
alert(document.mainForm.billingstate.options[document.mainForm.billingstate.selectedIndex].value);
<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Technology Sites</option>
<option>News Sites</option>
<option>Search Engines</option>
</select>
<select name="stage2" size="1">
<option value="http://javascriptkit.com">JavaScript Kit</option>
<option value="http://www.news.com">News.com</option>
<option value="http://www.wired.com">Wired News</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!–
/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("JavaScript Kit","http://javascriptkit.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")
group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m–)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//–>
</script>
</form>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Helper
2
http://www.x-developer.com/javascript/content/forms/helper/index.html
Helper Browser : ALL
Action: Popups a help window with item description.
Usage: Helps a visitor understand what to write. Supports copy info feature.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=300');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('<html>');
write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
write('<p><center>' + name + ': <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
write('</center></form></body></html>');
close();
}
}
</script>
<center>
<form name=form method=post action="/cgi-bin/your-script.cgi">
<b>User Name: <input type=text name="username" size=10>
<a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site. Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation…';return true;" onMouseOut="window.status='';return true;">Help?</a> <br>
Password: <input type=text name="password" size=10>
<a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account. This password will be required each time you login to the site. For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation…';return true;" onMouseOut="window.status='';return true;">Help?</a> </b> </form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>No Bad Words
2
http://www.x-developer.com/javascript/content/forms/no-bad-words/index.html
No Bad Words Browser : ALL
Action: Replaces bad words with @#$%& characters.
Usage: Prevents you from getting mail with bad words.
Author: ISN Toolbox Homepage … http://www.infohiway.com/
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Cut-N-Paste JavaScript – ISN Toolbox –>
<!– Web Site: http://www.infohiway.com/ –>
<!– ————————————————— –>
function smutEngine() {
smut="#@&*%!#@&*%!#@&*%!";
cmp="sex babes shit fuck damn porno cum cunt prick pecker ass "
+"asshole pedophile man-boy man/boy dong twat ";
txt=document.isn.dirt.value;
tstx="";
for (var i=0;i<16;i++){
pos=cmp.indexOf(" ");
wrd=cmp.substring(0,pos);
wrdl=wrd.length
cmp=cmp.substring(pos+1,cmp.length);
while (txt.indexOf(wrd)>-1){
pos=txt.indexOf(wrd);
txt=txt.substring(0,pos)+smut.substring(0,wrdl)
+txt.substring((pos+wrdl),txt.length);
}
}
document.isn.dirt.value=txt;
}
</SCRIPT>
<CENTER>
<FORM NAME="isn">
<DIV ALIGN=CENTER> <INPUT TYPE="text" NAME="dirt" SIZE=40 VALUE="">
<BR>
<INPUT TYPE="button" NAME="smut1" VALUE=" Submit " onClick="smutEngine(this.form)">
</DIV>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Pass Value from PopUp
2
http://www.x-developer.com/javascript/content/forms/pass-value/index.html
http://www.fortunecity.com/lavendar/lavender/21/
Pass Value Browser : ALL
Action: Passes value from a popup options window to main page.
Usage: Let your visitors pick items from small window and then pass values to the main window.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#ffffcc">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Pankaj Mittal (pankajm@writeme.com) –>
<!– Web Site: http://www.fortunecity.com/lavendar/lavender/21 –>
<!– ————————————————— –>
function small_window(myurl) {
var newWindow;
var props = 'scrollBars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directories=no,width=300,height=200';
newWindow = window.open(myurl, "Add_from_Src_to_Dest", props);
}
// Adds the list of selected items selected in the child
// window to its list. It is called by child window to do so. function addToParentList(sourceList) {
destinationList = window.document.forms[0].parentList;
for(var count = destinationList.options.length – 1; count >= 0; count–) {
destinationList.options[count] = null;
}
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
destinationList.options[i] = new Option(sourceList.options[i].text, sourceList.options[i].value );
}
}
// Marks all the items as selected for the submit button. function selectList(sourceList) {
sourceList = window.document.forms[0].parentList;
for(var i = 0; i < sourceList.options.length; i++) {
if (sourceList.options[i] != null)
sourceList.options[i].selected = true;
}
return true;
}
// Deletes the selected items of supplied list.
function deleteSelectedItemsFromList(sourceList) {
var maxCnt = sourceList.options.length;
for(var i = maxCnt – 1; i >= 0; i–) {
if ((sourceList.options[i] != null) && (sourceList.options[i].selected == true)) {
sourceList.options[i] = null;
}
}
}
</script>
<center>
<form method=post>
<table border=3 bgcolor="#00007F">
<tr>
<td>
<select size=5 name=parentList multiple>
</select>
</td>
</tr>
<tr>
<td align=center>
<input type=button value="Add Item" onclick = "javascript:small_window('demo-1.html');">
<input type=button value="Delete Item" onclick = "javascript:deleteSelectedItemsFromList(parentList);">
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Preload TEXT BOXES
2
Form called Enter and text Boxes FName and LName
var dog=GetCookie('hbaweblink');
if (dog !== null ){
var name=GetCookie('hbaname')
Enter.FName.value=name
var password=GetCookie('hbapassword')
Enter.LName.value=password
}
<end node> 5P9i0s8y19Z
dt=
<node>radiobuttons
2
<body bgcolor="#ffffff">
<form method="post" action="tbl_addfield.php">
<input type="radio" name="field_where" id="radio_field_where_last" value="last" checked="checked" /><label for="radio_field_where_last">At End of Table</label>
<input type="radio" name="field_where" id="radio_field_where_first" value="first" /><label for="radio_field_where_first">At Beginning of Table</label>
<input type="radio" name="field_where" id="radio_field_where_after" value="after" /><label for="radio_field_where_after">After </label>
<select name="after_field" style="vertical-align: middle" onclick="this.form.field_where[2].checked=true" onchange="this.form.field_where[2].checked=true"><option value="cartid">cartid</option>
<option value="sessionid">sessionid</option>
<option value="productid">productid</option>
<option value="productattributes">productattributes</option>
<option value="quantity">quantity</option>
<option value="updated">updated</option>
</select>
<input type="submit" value="Go" style="vertical-align: middle" />
</form>
======================================================================
function getValue()
{
//////////////////////////////////////////////////////////////
// The variable 'msg' will hold the messages we want to
// appear in the message box. The 'check' varable, which
// we are setting to zero, will check to see if any values
// have been selected.
//////////////////////////////////////////////////////////////
var msg = "";
var check = 0;
//////////////////////////////////////////////////////////////
// We create a for loop that tests each radio box in turn,
// checking their values. The value is inserted into the
// 'msg' variable along with a message. We also set the value
// of 'check' to 1, if any values were selected.
//////////////////////////////////////////////////////////////
for (var i = 0; i < 4; i++)
{
var checked = document.testForm.test[i].checked;
if (checked)
{
msg += "The selected value is: " + (document.testForm.test[i].value) + "\n";
check = 1;
}
}
//////////////////////////////////////////////////////////////
// If the check value is equivalent to one, we alert the
// message constructed above. If it is not equal to one,
// we alert that no value was selected.
//////////////////////////////////////////////////////////////
if (check == 1)
{
alert (msg);
}
else
{
alert ("No value was selected.");
}
}
// End Hide –>
</script>
======================================================
// return the value of the radio button that is checked
// return an empty string if none are checked, or
// there are no radio buttons
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
if(!radioObj)
return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for(var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if(radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}
<end node> 5P9i0s8y19Z
dt=
<node>Select
2
If you have a select element that looks like this:
<select id="ddlViewBy">
<option value="1">test1</option>
<option value="2" selected="selected">test2</option>
<option value="3">test3</option>
</select>
Running this code:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;
Would make strUser be 2. If what you actually want is test2, then do this:
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;
Which would make strUser be test2
var e = document.getElementById("ddlViewBy");
var SELIndex = e.selectedIndex
if (SELIndex==0){
error_message = error_message + '*Select something from xx.\n';
error = 1;
}
<end node> 5P9i0s8y19Z
dt=
<node>submit
2
FORMS SUGGESTION
<!– THREE STEPS TO INSTALL SUGGESTIONS:
1. Paste the coding into the HEAD of your HTML document
2. Add the onLoad event handler to the BODY tag
3. Put the last code into the BODY of your HTML document –>
<!– STEP ONE: Copy this code into the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function leaptoIntro() {
window.location="http://javascript.internet.com"
}
function About() {
alert("\nHave a suggestion for a JavaScript example?\n\nFill out the form and submit it. I will see what I can do.\n\nPlease be as specific as possible.");
document.forms[0].elements[1].focus();
}
function Reset() {
document.forms[0].elements[1].value = "";
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
document.forms[0].elements[3].value = "";
document.forms[0].elements[1].focus();
}
function submitForm() {
if ( (isName() ) && (isBrowser()) && (isSuggestion()) ) {
if (confirm("\nYour submission is about to be sent.\n\nClick YES to submit.\n\nClick NO to cancel."))
return true
else
return false;
}
else
return false;
}
function isName() {
var str = document.forms[0].elements[1].value;
if (str == "") {
alert("\nThe NAME field is blank.\n\nPlease enter your name.")
document.forms[0].elements[1].focus();
return false;
}
for (var i = 0; i < str.length; i++) {
var ch = str.substring(i, i + 1);
if (((ch < "a" || "z" < ch) && (ch < "A" || "Z" < ch)) && ch != ' ') {
alert("\nThe NAME field only accepts letters & spaces.\n\nPlease re-enter your name.");
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
}
return true;
}
function isBrowser() {
if (document.forms[0].elements[2].value != navigator.appName + " " + navigator.appVersion) {
if (confirm("\nYou've changed your browser type.\n\nClick YES to keep changes.\n\nClick NO to restore detected browser."))
return true
else
{
document.forms[0].elements[2].value = navigator.appName + " " + navigator.appVersion;
return true;
}
}
else
return true;
}
function isSuggestion() {
var str = document.forms[0].elements[3].value;
if (str == "") {
alert("\nThe SUGGESTION field is blank.\n\nPlease enter your suggestion.")
document.forms[0].elements[3].focus();
return false;
}
else
return true
}
// End –>
</SCRIPT>
<!– STEP TWO: Add this onLoad event handler to the BODY tag –>
<BODY onLoad="Reset()">
<!– STEP THREE: Copy this code into the BODY your HTML document –>
<CENTER>
<FORM ENCTYPE="text/plain" NAME="test" METHOD='POST' ACTION='mailto:you@yourdomain.com?subject=JS Suggestions' onSubmit="return submitForm()">
<INPUT TYPE="hidden" NAME="form1" VALUE="JS Suggestions">
<TABLE BORDER=0 WIDTH=564>
<TR>
<TD align="center"> <FONT><STRONG>Enter your name:</STRONG></FONT>
<TD align="center"> <FONT><STRONG>Browser/Version:</STRONG></FONT>
</TR>
<TR>
<TD align="center"> <INPUT TYPE="text" NAME="name" SIZE=26 MAXLENGTH=40>
<TD align="center"> <INPUT TYPE="text" NAME="browser" SIZE=26 MAXLENGTH=40>
</TR>
</TABLE>
<BR>
<TABLE BORDER=0>
<TR>
<TD align="center"> <FONT><STRONG>Enter your suggestion(s):</STRONG></FONT>
</TR>
<TR>
<TD align="center"><TEXTAREA NAME="suggestions" ROWS=2 COLS=55 wrap=yes></TEXTAREA>
</TR>
</TABLE>
<BR><BR>
<TABLE BORDER=0 WIDTH=300>
<TR>
<TD align="center"><INPUT TYPE="submit" VALUE="Submit">
<TD align="center"><INPUT TYPE="reset" VALUE="Reset" onClick="Reset()">
<TD align="center"><INPUT TYPE="button" VALUE="About" onClick="About()">
<TD align="center"><INPUT NAME="update" TYPE="BUTTON" VALUE="Close" OnClick="leaptoIntro()">
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 3.82 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Tabs on Enter
2
http://www.x-developer.com/javascript/content/forms/tabs-enter/index.html
http://javascript.internet.com/
Tabs on Enter Browser : ALL
Action: Puts cursor to next form section when hitting Enter button.
Usage: Saves time for a visitor when moving to different sections of the form.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Ronnie T. Moore –>
<!– Web Site: The JavaScript Source –>
<!– ————————————————— –>
nextfield = "box1"; // name of first box on page
netscape = "";
ver = navigator.appVersion; len = ver.length;
for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break;
netscape = (ver.charAt(iln+1).toUpperCase() != "C");
function keyDown(DnEvents) { // handles keypress
// determines whether Netscape or Internet Explorer
k = (netscape) ? DnEvents.which : window.event.keyCode;
if (k == 13) { // enter key pressed
if (nextfield == 'done') return true; // submit, we finished all fields
else { // we're not done yet, send focus to next box
eval('document.yourform.' + nextfield + '.focus()');
return false;
}
}
}
document.onkeydown = keyDown; // work together to analyze keystrokes
if (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);
</script>
<center>
<form name=yourform>
<b>Box 1: <input type=text name=box1 onFocus="nextfield ='box2';">
<br>
Box 2: <input type=text name=box2 onFocus="nextfield ='box3';">
<br>
Box 3: <input type=text name=box3 onFocus="nextfield ='box4';">
<br>
Box 4: <input type=text name=box4 onFocus="nextfield ='done';">
</b><br>
<input type=submit name=done value="Submit">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Hide sections
1
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
=============================================
Usage
Want to try it out? Here's how.
Step 1
Place this code between the <head> tags in your webpage.
<script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('a1','a2','a3','thiscanbeanything');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
</script>
Step2
This is example html you can use, this goes inside your html body.
<p>Try these: <a href="javascript:switchid('a1');">show a1</a>
<a href="javascript:switchid('a2');">show a2</a>
<a href="javascript:switchid('a3');">show a3</a>
<a href="javascript:switchid('thiscanbeanything');">show 'thiscanbeanything'</a></p>
<hr/>
<div id='a1' style="display:block;">
<h2>Sample text:</h2>
<p><b>Jean-Paul Sartre, (1905-1980)</b> born in Paris in 1905, studied at the École
Normale Supérieure from 1924 to 1929 and became Professor of Philosophy at Le Havre
in 1931. With the help of a stipend from the Institut Français he studied in Berlin
(1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching
at Le Havre, and then in Laon, he taught at the Lycée Pasteur in Paris from 1937 to 1939.
Since the end of the Second World War, Sartre has been living as an independent writer.</p>
</div>
<div id='a2' style="display:none;">
<h3>More on JPS</h3>
<p>The conclusions a writer must draw from this position were set forth in
"Qu'est-ce que la littérature?" (What Is Literature?), 1948: literature is
no longer an activity for itself, nor primarily descriptive of characters
and situations, but is concerned with human freedom and its (and the author's)
commitment. Literature is committed; artistic creation is a moral activity.</p>
</div>
<div id='a3' style="display:none;">
<p>Yet more content. This can be anything in here, html, pictures.. flash …</p>
</div>
<div id='thiscanbeanything' style="display:none;">
<h3>This content is in a div with id "thicanbeanything"</h3>
<p>Sartre is one of those writers for whom a determined philosophical position is the
centre of their artistic being. Although drawn from many sources, for example,
Husserl's idea of a free, fully intentional consciousness and Heidegger's existentialism,
the existentialism Sartre formulated and popularized is profoundly original.
Its popularity and that of its author reached a climax in the forties, and Sartre's
theoretical writings as well as his novels and plays constitute one of the main inspirational
sources of modern literature. In his philosophical view atheism is taken for granted; the
"loss of God" is not mourned. Man is condemned to freedom, a freedom from all authority,
which he may seek to evade, distort, and deny but which he will have to face if he is to
become a moral being. The meaning of man's life is not established before his existence.
Once the terrible freedom is acknowledged, man has to make this meaning himself, has to
commit himself to a role in this world, has to commit his freedom. And this attempt to
make oneself is futile without the "solidarity" of others.</p>
</div>
<end node> 5P9i0s8y19Z
dt=
<node>+/-
2
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById("bt"+id).value=="+") {
document.getElementById("bt"+id).value="-"
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
else{
document.getElementById("bt"+id).value="+"
hidediv(id);
}
}
<h2 style="margin:0px 0px 0px 0px;">
<input id="bt13" type="button" onclick="showdiv(13);" value="+"></input>
Booth Rent
</h2>
<div id="13" style="display:none">
<end node> 5P9i0s8y19Z
dt=
<node>Iframe
1
[resize]
<script language="JavaScript">
<!–
function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}
document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";
}
//–>
</script>
<IFRAME SRC="usagelogs/default.aspx" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>
<end node> 5P9i0s8y19Z
dt=
<node>images
1
<end node> 5P9i0s8y19Z
dt=
<node>IMAGE .. Slide Shows
2
<end node> 5P9i0s8y19Z
dt=
<node>(increment preload image)
3
http://wsabstract.com/script/script2/incrementslide.shtml
= = = = =
JavaScript Slideshow (increment preload image)
Description: This is a unique slideshow script that, unlike most other, will intelligently preload its images one at a time, while the preceding image is being shown. The script will actually "wait" until the next image is successfully preloaded before continuing, trying again if not. Contrast that to other slideshow scripts, which mindlessly preload all of their images beforehand. Use this script if your slideshow contains a lot of heavy duty images, and you don't want your visitors to wait forever (literally) before he/she can see the slide.
= = = = =
Directions:
Simply add the below where you wish the slideshow to appear. Configure the first two lines in the script, AND also, the <IMG> src in the HTML portion.
= = = = =
<SCRIPT LANGUAGE="JavaScript">
<!–
/*
Script by FPMC at http://jsarchive.8m.com
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
//set image paths
src = ["image1.gif", "image2.gif", "image3.gif", "image4.gif"]
//set corresponding urls
url = ["http://freewarejava.com", "http://wsabstract.com", "http://dynamicdrive.com", "http://www.geocities.com"]
//set duration for each image
duration = 4;
//Please do not edit below
ads=[]; ct=0;
function switchAd() {
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
document["Ad_Image"].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout("switchAd()",duration*1000);
}
function doLink(){
location.href = url[ct];
} onload = function(){
if (document.images)
switchAd();
}
//–>
</SCRIPT>
<A HREF="javascript:doLink();" onMouseOver="status=url[ct];return true;"
onMouseOut="status=''">
<IMG NAME="Ad_Image" SRC="image1.gif" BORDER=0>
</A>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Automatically Changing Slide Show Script
3
http://www.java-scripts.net/image/image3.shtml
Automatically Changing Slide Show Script
This script is similar to the Slide Show Script, but it automatically changes the image for the user.
Description: This script allows you to display a "Slide Show" where the images automatically change by themselves according to a set interval.
Source code: Just copy everything below, and paste it into your webpage. Installation instructions are contained inside:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!–Two steps to installing this script–>
<!–1) Copy everything below, and paste in HEAD section of page–>
<script language="JavaScript1.1">
<!–
/*
JavaScript Image slideshow:
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScript here!
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//–>
</script>
<!–2) Copy below, and paste in BODY section of page–>
<!–To configure images, refer to comments below–>
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0></a>
<script>
<!–
//configure the paths of the images, plus corresponding target links
slideshowimages("img1.gif","img2.gif","img3.gif")
slideshowlinks("http://wsabstract.com","http://dynamicdrive.com","http://java-scripts.net")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//–>
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>BannerAdds
3
<!– ONE STEP TO INSTALL BANNER ADS:
1. Add the first code to the BODY of your HTML document –>
<!– STEP ONE: Add the first code to the BODY of your HTML document –>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="The World's Largest Online Bookstore, Amazon.com";
url="http://www.amazon.com";
alt="amazon.com";
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
if (ad==2) {
txt="Palm III by 3Com, in stock!";
url="http://cybershop.com/";
alt="cybershop.com";
banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
width="468";
height="60";
}
if (ad==3) {
txt="Find it at GoTo.com";
url="http://www.goto.com";
alt="goto.com";
banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End –>
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.44 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Image Cycler
3
<!– THREE STEPS TO INSTALL IMAGE CYCLER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– Original: D. Keith Higgs (dkh2@po.cwru.edu) –>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
var timeDelay = 20; // change delay time in seconds
var Pix = new Array
("01.jpg"
,"02.jpg"
,"03.jpg"
,"04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End –>
</script>
</HEAD>
<!– STEP TWO: Insert the onLoad event handler into your BODY tag –>
<BODY OnLoad="startPix()">
<!– STEP THREE: Copy this code into the BODY of your HTML document –>
<img name="ChangingPix" src="01.jpg">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.31 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Image Slideshow
3
http://javascript.internet.com/miscellaneous/image-slideshow.html
The JavaScript Source: Miscellaneous: Image Slideshow
Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!– TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– Original: Ricocheting (ricocheting@hotmail.com) –>
<!– Web Site: http://www.ricocheting.com –>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = –current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End –>
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="cart.gif" selected>Cart
<option value="aat.gif">AAT
<option value="boat.gif">Boat
<option value="enterprise.gif">Enterprise
<option value="ewing.gif">E-Wing
<option value="f18.gif">F-18
<option value="klingon.gif">Klingon
<option value="landingcraft.gif">Landing Craft
<option value="hoverracer.gif">Hover Racer
<option value="sith.gif">Sith
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!– Script Size: 3.24 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>imagefader
3
<!– ONE STEP TO INSTALL LOGO FADER:
1. Copy the coding into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the BODY of your HTML document –>
<BODY>
<a name="logoAnchor"> </a>
<div id="logo" style="position:absolute;visibility:visible;">
<img name="logoIm" src="http://javascript.internet.com/img/logo-fader/logo-fader.gif" width=548 height=55>
</div>
<SCRIPT LANGUAGE="JavaScript1.2">
<!– Begin
function BrowserCheck() {
var b = navigator.appName;
if (b == "Netscape") this.b = "NS";
else if (b == "Microsoft Internet Explorer") this.b = "IE";
else this.b = b;
this.v = parseInt(navigator.appVersion);
this.NS = (this.b == "NS" && this.v >= 4);
this.NS4 = (this.b == "NS" && this.v == 4);
this.NS5 = (this.b == "NS" && this.v == 5);
this.IE = (this.b == "IE" && this.v >= 4);
this.IE4 = (navigator.userAgent.indexOf('MSIE 4') > 0);
this.IE5 = (navigator.userAgent.indexOf('MSIE 5') > 0);
if (this.IE5 || this.NS5) this.VER5 = true;
if (this.IE4 || this.NS4) this.VER4 = true;
this.oldVer = (! this.VER5 && ! this.VER4) ? true : false;
this.min = (this.NS || this.IE);
}
is = new BrowserCheck()
var myLogo = (is.NS4) ? document.layers["logo"] : document.all["logo"].style;
var logoWidth = (is.NS4) ? document.logo.document.logoIm.width : document.logoIm.width;
var logoHeight = (is.NS4) ? document.logo.document.logoIm.height : document.logoIm.height;
var halfHeight = logoHeight / 2;
var windowWidth = (is.NS4) ? window.innerWidth – 16 : document.body.offsetWidth – 20;
var halfWidth = logoWidth / 2;
var cliplogoHeightor = (is.NS4) ?
'myLogo.clip.top = 0;' +
'myLogo.clip.right = right;' +
'myLogo.clip.bottom = logoHeight;' +
'myLogo.clip.left = left; '
:
'str="rect(0 " + right + " " + logoHeight + " " + left + ")";' +
'myLogo.clip = str; '
var clipLogoVert = (is.NS4) ?
'myLogo.clip.top = up;' +
'myLogo.clip.right = logoWidth;' +
'myLogo.clip.bottom = dn;' +
'myLogo.clip.left = 0; '
:
'str="rect(" + up + " " + logoWidth + " " + dn + " 0)";' +
'myLogo.clip = str;'
var right = logoWidth, left = 0;
var cnt = 0, up = halfHeight, dn = halfHeight, upDown;
var logoWidth, logoHeight;
// ————— User modifiable variables ———————-
//if useAnchorPosition is true logo will be positioned where you put the "logoAnchor"
//set to false to center logo – also set myLogo.top to desired position
var useAnchorPosition = false; // set to false to set your own logo position below
if (! useAnchorPosition) {
myLogo.left = ((windowWidth / 2) – (logoWidth / 2)); // centers logo – comment out if using line below
//myLogo.left = 100; // remove '//' to set left position
myLogo.top = 200; // sets logo top
}
var scrollInc = 5; // sets # of pixels to scroll in 1 time frame
var scrollSpeed = 10; // sets the scroll speed
// ——————————————————————
function scrollLogo() {
if (cnt == 0) {
up– ; dn++;
if (up < -10) {
right = logoWidth;
left = 0;
upDown = -scrollInc;
cnt++;
}
eval(clipLogoVert);
}
if (cnt == 1) {
right += upDown;
left -= upDown;
if (right < halfWidth-40) {
right = halfWidth;
left = halfWidth;
upDown = scrollInc;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 2) {
right += upDown;
left -= upDown;
if (right > logoWidth+20) {
right = logoWidth;
left = 0;
up = 0;
dn = logoHeight;
cnt++;
}
eval(cliplogoHeightor);
}
if (cnt == 3) {
up++;
dn–;
if (dn < halfHeight – 10) {
up = halfHeight;
dn = halfHeight;
right = logoWidth;
left = 0;
upDown = scrollInc;
cnt = 0;
}
eval(clipLogoVert)
}
setTimeout("scrollLogo()", scrollSpeed);
}
if (! is.oldVer)window.onload = init;
function init() {
positionLogo();
scrollLogo();
}
var L, T;
var pos = (is.NS4) ? pos = document.anchors['logoAnchor'] : document.all['logoAnchor'];
var posStr = (is.NS4) ? 'L = pos.x ; T = pos.y' : 'L = pos.offsetLeft; T = pos.offsetTop';
function positionLogo() {
if (! useAnchorPosition) return;
eval(posStr);
myLogo.top = T;
myLogo.left = L;
}
// End –>
</script>
<end node> 5P9i0s8y19Z
dt=
<node>Left-Right Image Slideshow
3
http://www.dynamicdrive.com/dynamicindex14/leftrightslide2.htm
= = = = = = = = = = =
Left-Right Image Slideshow Script: All browsers
Script works with Netscape 4+ AND Internet Explorer 4+NS
Credits: Dynamic Drive (00/06/19)
Description: This ultra cool slideshow displays a gallery of images from left to right, one at a time, and pauses between each image. You can even hyperlink the images should you wish!
= = = = = = = = = = =
Simply add the below where you wish the slideshow to appear:
= = = = = = = = = = =
<script language="JavaScript1.2">
/*
Left-Right image slideshow Script-
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
*/
///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth=100
var scrollerheight=106
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=3000
//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<a href="http://www.cnn.com"><img src="../dynamicindex4/PE01805A.gif" border=0"></a>'
slideimages[1]='<img src="../dynamicindex4/PE01803A.gif">'
slideimages[2]='<img src="../dynamicindex4/TN00411A.gif">'
slideimages[3]='<img src="../dynamicindex4/PE02054A.gif">'
slideimages[4]='<img src="../dynamicindex4/cake.gif">'
//extend this list
///////Do not edit pass this line///////////////////////
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.left=scrollerwidth+5
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.left=scrollerwidth+5
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){
tdiv.style.pixelLeft=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){
tdiv.style.pixelLeft-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelLeft=scrollerwidth
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){
tdiv2.style.pixelLeft=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){
tdiv2.style.pixelLeft-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelLeft=scrollerwidth
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.left=scrollerwidth
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.left=scrollerwidth+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left=1 top=0 width=&{scrollerwidth}; >
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1;top:0;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Manual slide show
3
http://www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm
= = = = = = = = = = = = = = == =
DHTML Slide Show Script All
Credits: Dynamic Drive
Description: If you ever need a manual slide show script, this is the one to use. We designed it to be highly versatile, lightweight, and functional in all browsers, even NS 3. Here are some attributes of this lively DHTML slideshow script:
Slideshow works in all NS 3+ and IE 4+ browsers (yes, that includes NS 6 as well)
Script can be set so each image is clickable with it's own unique URL (through the toggling of a single variable)
All images in the slideshow are automatically preloaded on page load to ensure a smooth transition between image changes.
Script displays in the status bar which image the user is currently viewing (image #)
IE 4+ users will see a special random effect applied to the show during each image slide
There are a few variables you'll need to define. Please refer to documentation inside the script.
= = = = = = = = = = = = = = == =
Step 1: Add the below into the <head> section of your page:
<script language="JavaScript1.1">
/*
DHTML slideshow script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)
photos[0]="image1.gif"
photos[1]="image2.gif"
photos[2]="image3.gif"
photos[3]="image4.gif"
photos[4]="image5.gif"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which–
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
Step 2: Insert the following where you wish the slideshow to appear in the BODY:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
</tr>
</table>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
<end node> 5P9i0s8y19Z
dt=
<node>mouse rollover change
3
<html>
<head>
<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<title>Jabez Net rollover example – www.jabeznet.com</title>
<script type="text/javascript">
function loadImg(img){
var imgName = "big4"; // name of the big image
var srcs = ["big1.jpg","big1.jpg","big2.jpg","big3.jpg","big4.jpg"]; // array of SRC's for the big images
document.images[imgName].src=srcs[img];
}
</script>
</head>
<body>
<p align="center">
<a onmouseover="loadImg(0); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small1.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(2); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small2.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
<a onmouseover="loadImg(3); return false;" onmouseout="loadImg(4); return false;" target="_blank" href="http://www.jabeznet.com">
<img src="small3.jpg" alt="Sheeting" style="border:2px solid #000000; width: 50px; height: 50px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"></a>
</p>
<p align="center"> </p>
<p align="center"> <img src="big4.jpg" alt="Big 4" style="width: 400px; height: 404px;" name="big4" border="2"></p>
</p>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>waRM HUGS
3
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'graphics/thm/tussiemuss';
Pic[1] = 'graphics/thm/cloche';
Pic[2] = 'graphics/thm/purseholde';
Pic[3] = 'graphics/thm/sprbasket';
Pic[4] = 'graphics/thm/Tape Measu';
Pic[5] = 'graphics/thm/window umb';
//Pic[0] = 'graphics/wh1.jpg'
// Pic[1] = 'graphics/wh2.jpg'
// =======================================
// do not edit anything below this line
// =======================================
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
<body onload='runSlideShow()'>
<end node> 5P9i0s8y19Z
dt=
<node>WideSlide
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|07|04|JS_28870|JS_28870~xml.0.jhtml?cda=true#
WideSlide
Published 07/04/2000
By Neal Betts
Moving graphic gives 3d effect for browser sizes up to 1280 wide
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
========
<html>
<head>
<title>WideSlide</title>
<SCRIPT LANGUAGE="JavaScript">
var pos1=-5;
var pos2=-5;
var speed1 = Math.floor(Math.random()*5)+2;
var speed2 = Math.floor(Math.random()*5)+4;
function next() {
pos1 += speed1;
pos2 += speed2;
if (pos1 > 0) pos1 = -1152;
if (pos2 > 0) pos2 = -1152;
if (document.layers) {
document.layers[0].left = pos1;
document.layers[1].left = pos2;
}
else {
bg.style.left = pos1;
fg.style.left = pos2;
}
window.setTimeout("next();",30);
}
</SCRIPT>
</head>
<body onLoad="next();">
<DIV ID="bg" STYLE="position:absolute; left:0; top:0;
width:2304; height:49; visibility:show">
<img src="bg2.JPG" width=2304 height=49 alt="" border="0">
</DIV>
<DIV ID="fg" STYLE="position:absolute; left:0; top:49;
width:2304; height:27; visibility:show">
<img src="fg7.JPG" width=2304 height=27 alt="" border="0">
</DIV>
<table border=0 cellpadding=5 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+2 face=arial><b><FONT COLOR=2B7D8E>Loading xxxxxxxxxxxxxx Loading</FONT></b></FONT></CENTER>
</td></tr>
</table><P><HR>
<table border=0 cellpadding=6 cellspacing=0 width="100%">
<tr><td bgcolor=6da4be>
<CENTER><font size=+3 face=arial><b><FONT COLOR=2B7D8E>HIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHIHI</FONT></b></FONT></CENTER>
</td></tr>
</table>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>IMAGE..Effects
2
<end node> 5P9i0s8y19Z
dt=
<node>PicturePong
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|06|JS_30516|JS_30516~xml.0.jhtml?cda=true#
PicturePong lets your image wriggle through the webpage like a snake
Published 08/06/2000
By Peter Gehrig
Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware … Language: Javascript
= = =
<html>
<head>
<TITLE>PicturePong lets your image wriggle through the webpage like a snake</TITLE>
<meta NAME="keywords" CONTENT="DHTML, JavaScript, animation, image, gif, Dynamic HTML,download, free, samples, applet">
<meta NAME="description" CONTENT="Great script to enhance the visual impact of your webpage. PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage. Easy configuration of snake-length and speed. Crossbrowser.">
</head>
<script>
<!– Beginning of JavaScript –
// CREDITS:
// PicturePong by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 8/6/2000
// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com right into the webpage where the script
// will be displayed.
// CONFIGURATION:
// Go to http://www.24fun.com, open category 'animation' and
// download the ZIP-file of this script containing
// the script-file with step-by-step instructions for easy configuration.
var your_image="testimage86.gif"
var tempo=40
var stepx=17
var stepy=17
var numberofimages=12
var imgpreload=new Image()
imgpreload.src=your_image
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
var timer
var xpos=new Array()
var ypos=new Array()
var spancontent=new Array()
for (i=0; i<=numberofimages;i++) {
xpos[i]=0
ypos[i]=0
}
for (i=0;i<=numberofimages;i++) {
spancontent[i]="<img src='"+your_image+"'>"
}
function setValues() {
var firsttimer= setTimeout("setValues2()",2000)
}
function setValues2() {
if (document.all) {
marginbottom=document.body.clientHeight-5
marginright=document.body.clientWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=0
thisspan.postop=0
}
moveball()
}
if (document.layers) {
marginbottom=window.innerHeight-5
marginright=window.innerWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i)
thisspan.left=0
thisspan.top=0
}
moveball()
}
}
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function moveball() {
if (document.all) {
checkposition()
makesnake()
document.all.span0.style.posTop+=stepy
timer=setTimeout("moveball()",tempo)
}
if (document.layers) {
checkposition()
makesnake()
document.span0.top+=stepy
timer=setTimeout("moveball()",tempo)
}
}
function makesnake() {
for (i=numberofimages; i>=1; i–) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
if (document.all) {
xpos[0]=document.all.span0.style.posLeft+stepx
ypos[0]=document.all.span0.style.posTop+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
if (document.layers) {
xpos[0]=document.span0.left+stepx
ypos[0]=document.span0.top+stepy
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
function checkposition() {
if (document.all) {
if (document.all.span0.style.posLeft>marginright) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft-=1
}
if (document.all.span0.style.posLeft<marginleft) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft+=1
}
if (document.all.span0.style.posTop>marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop-=1
}
if (document.all.span0.style.posTop<margintop) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop+=1
}
}
if (document.layers) {
if (document.span0.left>=marginright) {
stepx=(stepx+randommaker(2))*-1
document.span0.left-=10
}
if (document.span0.left<=marginleft) {
stepx=(stepx+randommaker(2))*-1
document.span0.left+=10
}
if (document.span0.top>=marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.span0.top-=10
}
if (document.span0.top<=margintop) {
stepy=(stepy+randommaker(2))*-1
document.span0.top+=10
}
}
}
// – End of JavaScript – –>
</script>
<body id="thisbody" bgcolor="#FFFFFF" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden">
<script>
<!– Beginning of JavaScript –
for (i=0;i<=numberofimages;i++) {
document.write("<span id='span"+i+"' style='position:absolute'></span>")
document.close()
}
// – End of JavaScript – –>
</script>
<DIV id="deletethisblock" style="position:absolute;top:50px;left:50px;">
<font size=1 face=Verdana><ul><b>PicturePong: rush your favourite image through the webpage like a snake</b>
<li>Great script to enhance the visual impact of your webpage.
<li>PicturePong transforms your favourite picture into a cool snake wriggling its way through your your webpage.
<li>Easy configuration of snake-length and speed.
<li>Crossbrowser.
</ul>
<ul>
<b>Configuration</b>
<li><a href="http://www.24fun.com" target="_blank">Go to http://www.24fun.com</a>, open category 'animation' and download the ZIP-file of this script containing the testimage and the script-file with step-by-step instructions for easy configuration.
<br>
<hr>
<a href="http://www.24fun.com" target="_blank">Download 350+ free funscripts from www.24fun.com</a><br><br>
<script src="http://www.24fun.com/affiliates/textteamon1.js"></script><br>
<script src="http://www.24fun.com/affiliates/textstickytools1.js"></script><br>
</font>
</ul>
</DIV>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Preload Images
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|05|JS_30468|JS_30468~xml.0.jhtml?cda=true#
PreLoad Images
Published 08/05/2000
By Adam
This script preloads images for faster loading and image flips. Just run the script don't view source
Version: 1.2
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = =
SCRIPT LANGUAGE="JavaScript">
<!–
/**************************************************
Written by Adam Weiss
http://www.geocities.com/Amweiss157/
adam_weiss@hotmail.com
Keep this intact if you want to use the script!
In this script only edit the line that ends in /****/
Between the parenthesis put all you imgages you want loaded
in 'single quotes' followed by a , with no spaces
**************************************************/
//————–Preloads nav frame pics so they roll over faster
function preLoad()
{
var images = new Array('path/image.gif','path/image.gif'); /****/
preloadImages(images);
}
//————–Defines process for preload
function preloadImages(images)
{
for(loop = 0; loop < images.length; loop++)
{
var image = new Image();
image.src = images[loop];
}
}
//–>
</SCRIPT>
Simba says Roar.
= = = = = = = = = = = =
<!– This script has been in the http://www.javascripts.com Javascript Public Library! –>
<!– Note that though this material may have been in a public depository, certain author copyright restrictions may apply. –>
<html>
<head>
<title>PreLoad Images By Wolf-Man</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript"><br>
<!–<br>
/**************************************************<br>
Written by Adam Weiss<br>
http://www.geocities.com/Amweiss157/<br>
adam_weiss@hotmail.com<br>
Keep this intact if you want to use the script!<br>
In this script only edit the line that ends in /****/<br>
Between the parenthesis put all you imgages you want loaded<br>
in 'single quotes' followed by a , with no spaces <br>
**************************************************/<br>
<br>
//————–Preloads nav frame pics so they roll over faster<br>
function preLoad()<br>
{<br>
var images = new Array('path/image.gif','path/image.gif'); /****/<br>
preloadImages(images);<br>
}<br>
<br>
//————–Defines process for preload<br>
function preloadImages(images)<br>
{<br>
for(loop = 0; loop < images.length; loop++)<br>
{<br>
var image = new Image();<br>
image.src = images[loop];<br>
}<br>
}<br>
//–><br>
</SCRIPT><br>
Simba says Roar.<br>
</body>
</html>
<!– Simba says Roar. –>
<end node> 5P9i0s8y19Z
dt=
<node>RANDOM
3
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|08|03|JS_30286|JS_30286~xml.0.jhtml?cda=true#
Random Images
Published 08/03/2000
By Maximum
I actually used to use this trick on an old website of mine, and I thought than rather just letting it go to waste, I'd post it here. Basically, you enter images that you want to display at random, and this script picks one out of the images and prints it. Very simple to customize as well.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
Here's the code; it's pretty self-explanatory. But since I figured a few people would have trouble, I commented the whole thing so its even easier 🙂
<– Start Random Image Coding –>
<Script Language="JavaScript">
<!–
//Insert the text/images to be randomized
var img1 = "http://www.yourwebsite.com/image1.gif"
var img2 = "http://www.yourwebsite.com/image2.gif"
var img3 = "http://www.yourwebsite.com/image3.gif"
//get a random number…
var randomize = Math.round(Math.random()*3)
//select text/image based on random number
if (randomize == 1){
newimg = img1
}else if (randomize == 2){
newimg = img2
}else{
newimg = img3
}
//output text/image
document.write('<IMG SRC="'+newimg+'">')
//–>
</Script>
<– End Random Image Coding –>
There you have it. Just paste that to where you want random images to occur. [Free Tutorials]
http://www.tutorialindex.com/
<end node> 5P9i0s8y19Z
dt=
<node>PRE-LOADING
2
<end node> 5P9i0s8y19Z
dt=
<node>IMAGES
3
COPY AND PASTE INTO HEAD OF PAGE.
=================================================
<script language=javaScript>
//from www.a1javascripts.com
<!–//
//pre loader
newimage0 = new Image();
newimage0.src = "FIRST-IMAGE.gif";
newimage1 = new Image();
newimage1.src = "SECOND-IMAGE.gif";
//–>
</script>
=================================================
TO ADD MORE IMAGES, SIMPLY ADD
newimage2 = new Image();
newimage2.src = "THIRD-IMAGE.gif";
newimage3 = new Image();
newimage3.src = "FORTH-IMAGE.gif";
and so on…
******************************************************************************
http://www.wsabstract.com/script/script2/preloadimage.shtml
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Description: Preloading images refers to loading images into browser cache prior to displaying them, and is used when you wish certain images to be revealed instantly when called upon (such as in a rollover effect). Use this script to preload any number of images easily.
Directions: Simply insert the below into the <head> section of your page
Change the paths of the images to be preloaded to your own inside function preloadimages().
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
Preload images script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
*/
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif","http://mydomain.com/secondimage.gif","http://mydomain.com/thirdimage.gif")
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>PROTECT IMAGES
2
You can take the "No Right Click" script at
http://page-details.javascriptsource.com/no-right-click.html
and change the two lines that read:
for (var i=0; i<document.images.length; i++)
document.images[i].onmousedown=right;
So that they only set the protect function for the onmousedown effect of just the one image.
So, count what number the image is on the page. Count the first image on the page as zero (yes, it starts as zero not one) then the next as one, the next as two, etc. Until you find the number of the one you want to protect.
Then, change the two lines above to read:
document.images[4].onmousedown = right;
(where 4 is the number of the image you want to protect
<end node> 5P9i0s8y19Z
dt=
<node>Swap by click
2
<SCRIPT language="JavaScript">
<!–
// Image pre-loading
pic1 = new Image();
pic1.src = '../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg';
pic2 = new Image();
pic2.src = '../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg';
pic3 = new Image();
pic3.src = '../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg';
pic4 = new Image();
pic4.src = '../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg';
pic5 = new Image();
pic5.src = '../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg';
pic6 = new Image();
pic6.src = '../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg';
pic7 = new Image();
pic7.src = '../images/commerce/Diamond_K_Ranch/diamondk115_big.jpg';
pic8 = new Image();
pic8.src = '../images/commerce/Diamond_K_Ranch/diamonda115_big.jpg';
pic9 = new Image();
pic9.src = '../images/commerce/Diamond_K_Ranch/diamondb115_big.jpg';
pic10 = new Image();
pic10.src = '../images/commerce/Diamond_K_Ranch/diamondl115_big.jpg';
pic11 = new Image();
pic11.src = '';
pic12 = new Image();
pic12.src = '../images/commerce/Diamond_K_Ranch/diamondf115_big.jpg';
pic13 = new Image();
pic13.src = '../images/commerce/Diamond_K_Ranch/diamondi115_big.jpg';
pic14 = new Image();
pic14.src = '';
pic15 = new Image();
pic15.src = '';
pic16 = new Image();
pic16.src = '';
pic17 = new Image();
pic17.src = '';
pic18 = new Image();
pic18.src = '';
pic19 = new Image();
pic19.src = '';
pic20 = new Image();
pic20.src = '';
pic21 = new Image();
pic21.src = '';
pic22 = new Image();
pic22.src = '';
pic23 = new Image();
pic23.src = '';
pic24 = new Image();
pic24.src = '';
pic25 = new Image();
pic25.src = '';
pic26 = new Image();
pic26.src = '';
pic27 = new Image();
pic27.src = '';
pic28 = new Image();
pic28.src = '';
pic29 = new Image();
pic29.src = '';
pic30 = new Image();
pic30.src = '';
pic31 = new Image();
pic31.src = '';
pic32 = new Image();
pic32.src = '';
pic33 = new Image();
pic33.src = '';
pic34 = new Image();
pic34.src = '';
pic35 = new Image();
pic35.src = '';
pic36 = new Image();
pic36.src = '';
pic37 = new Image();
pic37.src = '';
pic38 = new Image();
pic38.src = '';
pic39 = new Image();
pic39.src = '';
pic40 = new Image();
pic40.src = '';
pic41 = new Image();
pic41.src = '';
function swap(img) {
i = document.getElementById('img');
i.src = img;
}
//–>
</SCRIPT>
——————–
<img src="../images/commerce/Diamond_K_Ranch/A_1HPIM1478115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_1HPIM1478115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/A_2HPIM1482115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/A_2HPIM1482115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondc115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondc115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamonde115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamonde115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondg115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondg115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer"> <img src="../images/commerce/Diamond_K_Ranch/diamondj115.jpg" width="115" onclick="swap('../images/commerce/Diamond_K_Ranch/diamondj115_big.jpg')" style="margin-right: 2px; margin-top: 2px; cursor:pointer">
<end node> 5P9i0s8y19Z
dt=
<node>insert commas
1
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
_________________________________
[As you type]
example IWS-order_productsSub.php
function checkit(id1){
var key1= window.event.keyCode
if (key1>57 || key1<48){
return;
}
document.getElementById('li'+id1).checked=true;
nStr=document.getElementById(id1).value;
var start1=1000;
while(start1!=-1){
start1= nStr.indexOf(",");
nStr=nStr.replace(",","");
}
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
document.getElementById(id1).value=x1+x2;
}
<end node> 5P9i0s8y19Z
dt=
<node>java enables
1
<head>
<SCRIPT LANGUAGE="JavaScript">
<!– Begin
if (navigator.javaEnabled())
window.location = "cuggc.htm";
else
window.location = "cuggd.htm";
// End –>
</script>
</head>
******************************************
<!– ONE STEP TO INSTALL BROWSER INFORMATION:
1. Add the first code to the BODY of your HTML document –>
<!– STEP ONE: Add the first code to the BODY of your HTML document –>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
// End –>
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.34 KB –>
——————————————————————————–
——————————————————————————–
——————————————————————————–
Description: More information about the web browser than you knew existed! Find out the code name, color depth, platform, if java is enabled, resolution, ip address, hostname, and more! Simply incredible.
<!– THREE STEPS TO INSTALL BROWSER PROPERTIES:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– begin
function display() {
window.onerror=null;
colors = window.screen.colorDepth;
document.form.color.value = Math.pow (2, colors);
if (window.screen.fontSmoothingEnabled == true)
document.form.fonts.value = "Yes";
else document.form.fonts.value = "No";
document.form.navigator.value = navigator.appName;
document.form.version.value = navigator.appVersion;
document.form.colordepth.value = window.screen.colorDepth;
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
document.form.maxwidth.value = window.screen.availWidth;
document.form.maxheight.value = window.screen.availHeight;
document.form.codename.value = navigator.appCodeName;
document.form.platform.value = navigator.platform;
if (navigator.javaEnabled() < 1) document.form.java.value="No";
if (navigator.javaEnabled() == 1) document.form.java.value="Yes";
if(navigator.javaEnabled() && (navigator.appName != "Microsoft Internet Explorer")) {
vartool=java.awt.Toolkit.getDefaultToolkit();
addr=java.net.InetAddress.getLocalHost();
host=addr.getHostName();
ip=addr.getHostAddress();
alert("Your host name is '" + host + "'\nYour IP address is " + ip);
}
}
// end –>
</script>
<!– STEP TWO: Insert the onLoad event handler into your BODY tag –>
<BODY OnLoad="display()">
<!– STEP THREE: Copy this code into the BODY of your HTML document –>
<center>
<form name=form>
<table border=1 width=300>
<tr>
<td>current resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=width>
x <input type=text size=4 maxlength=4 name=height></td>
</tr>
<tr>
<td>
browser:</td>
<td align=center><input type=text size=20 maxlength=20 name=navigator></td>
</tr>
<tr>
<td>
max resolution:</td>
<td align=center><input type=text size=4 maxlength=4 name=maxwidth>
x <input type=text size=4 maxlength=4 name=maxheight></td>
</tr>
<tr>
<td>
version:</td>
<td align=center><input type=text size=20 maxlength=20 name=version></td>
</tr>
<tr>
<td>
color depth:</td>
<td align=center><input type=text size=2 maxlength=2 name=colordepth> bit</td>
</tr>
<tr>
<td>
code name:</td>
<td align=center><input type=text size=15 maxlength=15 name=codename></td>
</tr>
<tr>
<td>
platform:</td>
<td align=center><input type=text size=15 maxlength=15 name=platform></td>
</tr>
<tr>
<td>
colors:</td>
<td align=center><input type=text size=8 maxlength=8 name=color></td>
</tr>
<tr>
<td>
java enabled:</td>
<td align=center><input type=text size=3 maxlength=3 name=java></td>
</tr>
<tr>
<td>
anti-aliasing fonts:</td>
<td align=center><input type=text size=3 maxlength=3 name=fonts></td>
</tr>
<tr>
<td colspan=2 align=center>
<input type=button name=again value="again?" onclick="display()"></td>
</tr>
</table>
</form>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 3.31 KB –
<end node> 5P9i0s8y19Z
dt=
<node>Labels Change(.innerHtml)
1
document.getElementById('label').InnerHTML = 'your text goes here';
<end node> 5P9i0s8y19Z
dt=
<node>language
1
[url location]
parent.frame_name.location= url "send url into a frame"
[Integer]
var pop=parseInt(1000*Math.random());
[decimal only]
var fracPart = 123456 % 1000;
anchor() Creates an HTML anchor 1 3
big() Displays a string in a big font 1 3
blink() Displays a blinking string 1
bold() Displays a string in bold 1 3
charAt() Returns the character at a specified position 1 3
charCodeAt() Returns the Unicode of the character at a specified position 1 4
concat() Joins two or more strings 1 4
fixed() Displays a string as teletype text 1 3
fontcolor() Displays a string in a specified color 1 3
fontsize() Displays a string in a specified size 1 3
fromCharCode() Takes the specified Unicode values and returns a string 1 4
indexOf() Returns the position of the first occurrence of a specified string value in a string 1 3
italics() Displays a string in italic 1 3
lastIndexOf() Returns the position of the last occurrence of a specified string value, searching backwards from the specified position in a string 1 3
link() Displays a string as a hyperlink 1 3
match() Searches for a specified value in a string 1 4
replace() Replaces some characters with some other characters in a string 1 4
search() Searches a string for a specified value 1 4
slice() Extracts a part of a string and returns the extracted part in a new string 1 4
small() Displays a string in a small font 1 3
split() Splits a string into an array of strings 1 4
strike() Displays a string with a strikethrough 1 3
sub() Displays a string as subscript 1 3
substr() Extracts a specified number of characters in a string, from a start index 1 4
substring() Extracts the characters in a string between two specified indices 1 3
sup() Displays a string as superscript 1 3
toLowerCase() Displays a string in lowercase letters 1 3
toUpperCase() Displays a string in uppercase letters 1 3
toSource() Represents the source code of an object 1 –
valueOf() Returns the primitive value of a String object
Definition and Usage
The substr() method extracts a specified number of characters in a string, from a start index.
Syntax stringObject.substr(start,length)
Parameter Description
start Required. Where to start the extraction. Must be a numeric value
length Optional. How many characters to extract. Must be a numeric value.
Tips and Notes
Note: To extract characters from the end of the string, use a negative start number (This does not work in IE).
Note: The start index starts at 0.
Note: If the length parameter is omitted, this method extracts to the end of the string.
Example 1
In this example we will use substr() to extract some characters from a string:
<script type="text/javascript">
var str="Hello world!";
document.write(str.substr(3));
</script>
The output of the code above will be:
lo world!
<end node> 5P9i0s8y19Z
dt=
<node>Definitions
2
charAt(x) Returns the character at the "x" position within the string.
charCodeAt(x) Returns the Unicode value of the character at position "x" within the string.
concat(v1, v2,…) Combines one or more strings (arguments v1, v2 etc) into the existing one and returns the combined string. Original string is not modified.
fromCharCode(c1, c2,…) Returns a string created by using the specified sequence of Unicode values (arguments c1, c2 etc). Method of String object, not String instance. For example: String.fromCharCode().
indexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is 0.
lastIndexOf(substr, [start]) Searches and (if found) returns the index number of the searched character or substring within the string. Searches the string from end to beginning. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is string.length-1.
match(regexp) Executes a search for a match within a string based on a regular expression. It returns an array of information or null if no match is found.
replace( regexp, replacetext) Searches and replaces the regular expression portion (match) with the replaced text instead.
search(regexp) Tests for a match in a string. It returns the index of the match, or -1 if not found.
slice(start, [end]) Returns a substring of the string based on the "start" and "end" index arguments, NOT including the "end" index itself. "End" is optional, and if none is specified, the slice includes all characters from "start" to end of string.
split(delimiter, [limit]) Splits a string into many according to the specified delimiter, and returns an array containing each element. The optional "limit" is an integer that lets you specify the maximum number of elements to return.
substr(start, [length]) Returns the characters in a string beginning at "start" and through the specified number of characters, "length". "Length" is optional, and if omitted, up to the end of the string is assumed.
substring(from, [to]) Returns the characters in a string between "from" and "to" indexes, NOT including "to" inself. "To" is optional, and if omitted, up to the end of the string is assumed.
var picture = document.frmInput.picture.value;
var ch = picture.substring(picture.length-4,picture.length);
if(ch !='.jpg' && ch !='.gif'){
error_message = error_message + '*The Picture extension must be .jpg or .gif (lower case).\n';
error = 1;
}
toLowerCase() Returns the string with all of its characters converted to lowercase.
toUpperCase() Returns the string with all of its characters converted to uppercase.
<end node> 5P9i0s8y19Z
dt=
<node>focus on element
2
<script>
var mnumber = document.getElementById('mobileno').value;
if(mnumber.length >=10) {
alert("Mobile Number Should be in 10 digits only");
document.getElementById('mobileno').value = "";
document.getElementById('mobileno').focus();
return false;
}
http://stackoverflow.com/questions/4801655/
function focusOnElement(element_id) {
$('#div_' + element_id).goTo(); // need to 'go to' this element
}
<div id="div_element1">
yadda yadda
</div>
<div id="div_element2">
blah blah
</div>
<span onclick="focusOnElement('element1');">Click here to go to element 1</span>
<span onclick="focusOnElement('element2');">Click here to go to element 2</span>
============================
https://cgd.io/2008/using-javascript-to-scroll-to-a-specific-elementobject/
//Finds y value of given object
function findPos(obj) {
var curtop = 0;
if (obj.offsetParent) {
do {
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curtop];
}
}
//Get object
var SupportDiv = document.getElementById('customer_info');
//Scroll to location of SupportDiv on load
window.scroll(0,findPos(SupportDiv));
<end node> 5P9i0s8y19Z
dt=
<node>getElementById
2
function addData(value1){
if(document.getElementById('li'+value1).checked==true){
if(document.getElementById(value1).value==""){
document.getElementById(value1).value=1;
}
}
}
<end node> 5P9i0s8y19Z
dt=
<node>IF
2
if (something compared_to somethingelse)
{
do this
} elseif (something compared_to somethingelse)
{
then do this instead
}
} elseif (something compared_to somethingelse)
{
then do this instead
}
} else {
then none of the above apply so do this
}
== is equal to
!= is NOT equal to
< is less than
> is greater than
<= is less than or equal to
>= is greater than or equal to
<end node> 5P9i0s8y19Z
dt=
<node>indexOf
2
var ss = "a string index of test ";
var result = ss.indexOf("ri");
<end node> 5P9i0s8y19Z
dt=
<node>keycode
2
onkeyup="isFull(event,this.id,3,'shipphone2');">
function isFull(e,id,len_,newid){
var code = e.keyCode || e.which;
if(document.getElementById(id).value.length==len_ && code>47 && code<58 ){
document.getElementById(newid).focus();
}
//alert (document.getElementById(id).value);
}
<input type="text" onkeydown="myFunction(event)">
function myFunction(event) {
var x = event.keyCode;
if (x == 27) { // 27 is the ESC key
alert ("You pressed the Escape key!");
}
}
==========
<script type="text/javascript">
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
}
</script>
<form>
<input type="text" onkeypress="return myKeyPress(event)" />
</form>
<end node> 5P9i0s8y19Z
dt=
<node>ScrollPage
2
function scrollToTop(el) {
el.scrollTop = 0;
}
document.getElementById('scrollTop').onclick = function () {
var el = document.getElementById('myScrollbox');
scrollToTop(el);
};
<end node> 5P9i0s8y19Z
dt=
<node>md5
1
<h2>Demonstration</h2>
<script src="2.2/md5-min.js" type="text/javascript"></script>
<script src="2.2/sha1-min.js" type="text/javascript"></script>
<div class="indented">
<table>
<tr><th>Input</th><td><input type="text" id="input" size="40"></td></tr>
<tr><th>Calculate</th>
<td style="text-align:center">
<input type="button" onclick="document.getElementById('hash').value = hex_md5(document.getElementById('input').value)" value="MD5">
<input type="button" onclick="document.getElementById('hash').value = hex_sha1(document.getElementById('input').value)" value="SHA-1"></td></tr>
<tr><th>Result</th><td><input type="text" id="hash" size="40"></td></tr>
</table>
<end node> 5P9i0s8y19Z
dt=
<node>MESSAGES
1
<end node> 5P9i0s8y19Z
dt=
<node>Body Mass 2
2
http://www.x-developer.com/javascript/content/calculators/body-mass-2/index.html
Body Mass 2
Action: Calculates your body mass index.
Usage: Let your visitors calculate their own body mass index.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Marat Rikelman (rikelman@bellsouth.net) –>
<!– ————————————————— –>
function mod(div,base)
{
return Math.round(div-(Math.floor(div/base)*base));
}
function calcBmi()
{
var w=document.bmi.weight.value*1;
var HeightFeetInt=document.bmi.htf.value*1;
var HeightInchesInt=document.bmi.hti.value*1;
HeightFeetConvert=HeightFeetInt*12;
h=HeightFeetConvert+HeightInchesInt;
displaybmi=(Math.round((w*703)/(h*h)));
var rvalue=true;
if((w<=35)||(w>=500)||(h<=48)||(h>=120))
{
alert("Invalid data. Please check and re-enter!");
rvalue=false;
}
if(rvalue)
{
if(HeightInchesInt>11)
{
reminderinches=mod(HeightInchesInt,12);
document.bmi.hti.value=reminderinches;
document.bmi.htf.value=HeightFeetInt+((HeightInchesInt-reminderinches)/12);
document.bmi.answer.value=displaybmi;
}
if(displaybmi<19)
document.bmi.comment.value="Underweight";
if(displaybmi>=19&&displaybmi<=25)
document.bmi.comment.value="Desirable";
if(displaybmi>=26&&displaybmi<=29)
document.bmi.comment.value="prone to health risks";
if(displaybmi>=30&&displaybmi<=40)
document.bmi.comment.value="Obese";
if(displaybmi>40)
document.bmi.comment.value="Extremely obese";
document.bmi.answer.value=displaybmi;
}
return rvalue;
}</script>
<form name=bmi>
<center>
<table width=200 border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Weight: <input type=text name=weight SIZE=3 maxlength=3>
lbs. </font></b></td>
</tr>
<tr bgcolor="#00007F"> <td align=center> <b><font color="#FFFFFF"> Height: <input type=text name=htf size=1 maxlength=1>
Ft. <input type=text name=hti size=2 maxlength=2>
In. </font></b></td>
</tr>
<tr> <td align=center> <input type=button value="Calculate BMI" onclick=calcBmi()>
</td>
</tr>
<tr bgcolor="#00007F"> <td> <b><font color="#FFFFFF">Body Mass Index <input type=text name=answer size=3>
</font></b></td>
</tr>
<tr bgcolor="#00007F"> <td> <center>
<b><font color="#FFFFFF"> According to the Panel on Energy, Obesity, and Body Weight Standards published by American Journal of Clinical Nutrition, your category is: <br>
<input type=text name=comment size=25>
</font> </b> </center>
</td>
</tr>
</table>
</center>
</form>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Calories 1
2
http://www.x-developer.com/javascript/content/calculators/calories-1/index.html
Calories 1
Action: Calculates calories burned.
Usage: Let your visitors calculate their calories burned.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var myWeight;
var myDistance;
function HowMany(form)
{
var difference;
difference=(myDistance*myWeight)*.653;
form.Fdiff.value=difference;
if(difference<100)
{
form.comment.value="You better start working!";
}
if(difference>101&&difference<200)
{
form.comment.value="Nice run, but you can do better.";
}
if(difference>201&&difference<300)
{
form.comment.value="Very good! Push above 300 next time.";
}
if(difference>301&&difference<500)
{
form.comment.value="Great! Your a runner…..keep it up!";
}
if(difference>501&&difference<700)
{
form.comment.value="Bill Rogers move over!";
}
if(difference>701)
{
form.comment.value="Your my hero! Have a jelly doughnut.";
}
}
function SetMyWeight(weight)
{
myWeight=weight.value;
}
function SetmyDistance(dis)
{
myDistance=dis.value;
}
function ClearForm(form)
{
form.myWeight.value="";
form.myDistance.value="";
form.Fdiff.value="";
form.comment.value="";
}</SCRIPT>
<CENTER>
<FORM METHOD=POST>
<TABLE border=3 cellpadding="2" cellspacing="0" bgcolor="#1018BF">
<TR> <TR> <TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Your <br>
Weight </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Miles <br>
run </font></b></div>
</TD>
<TD bgcolor="#00007F"> <div align=center><b><font color="#FFFFFF"> Calories <br>
burned </font></b></div>
</TD>
<TD> <INPUT TYPE=BUTTON ONCLICK=HowMany(this.form) VALUE=Calculate>
</TD>
</TR>
<tr> <TD> <div align=center> <INPUT TYPE=text NAME=myWeight SIZE="4"ONCHANGE=SetMyWeight(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=myDistance SIZE="4"ONCHANGE=SetmyDistance(this)>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=text NAME=Fdiff VALUE="" SIZE=6>
</div>
</TD>
<TD> <div align=center> <INPUT TYPE=BUTTON VALUE=" Reset " onClick=ClearForm(this.form)>
</div>
</tr>
</table>
<table border=3 bgcolor="#1018BF" cellpadding="2" cellspacing="0">
<tr> <TD bgcolor="#00007F"> <DIV ALIGN=CENTER><b><font color="#FFFFFF"> Comments </font></b></DIV>
</TD>
<TD> <INPUT TYPE=text NAME=comment size=37>
</td>
</TR>
</TABLE>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Calories 2
2
http://www.x-developer.com/javascript/content/calculators/calories-2/index.html
Calories 2
Action: Calculates how many calories your have burned.
Usage: Let your visitors calculate their calories.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=LiveScript>
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: pbrady@mail.fsci.umn.edu –>
<!– ————————————————— –>
function computeBMR(form){ form.BMRMale.value = 66.473 + ((form.weight.value / 2.2 ) * 13.751) + (5.0033 * form.height.value * 2.54) – (6.55 * form.age.value); form.BMRFemale.value = 665.51 + ((form.weight.value / 2.2 ) * 9.463) + (1.8496 * form.height.value * 2.54) – (4.6756 * form.age.value); form.BMR.value= 70 * (Math.pow((form.weight.value / 2.2 ), 0.75)); return;
}
function computeTotal(form){ if (form.vlight.value.length == 0){ form.vlight.value = "0"; }
if (form.light.value.length == 0){ form.light.value = "0"; } if (form.moderate.value.length == 0){ form.moderate.value = "0"; } if (form.heavy.value.length == 0){ form.heavy.value = "0"; } if (form.vheavy.value.length == 0){ form.vheavy.value = "0"; } form.TotMale.value = (1.0 * form.BMRMale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); form.TotFemale.value = (1.0 * form.BMRFemale.value) + (1.4 * form.vlight.value) + (2.5 * form.light.value) + (4.2 *form.moderate.value) + (8.2 * form.heavy.value) + (12 * form.vheavy.value); return;
}
function clearBMR(form){ form.age.value = ""; form.weight.value = ""; form.height.value = ""; form.BMRMale.value = ""; form.BMRFemale.value = ""; form.BMR.value = ""; return;
}
function clearTotal(form){ form.vlight.value = "0"; form.light.value = "0"; form.moderate.value = "0"; form.heavy.value = "0"; form.vheavy.value = "0"; form.TotMale.value = "0"; form.TotFemale.value = "0"; return;
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellpadding="2" cellspacing="0" align="center" bgcolor="#1018BF" width="550">
<TBODY> <TR> <TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">Physical characteristics: </font></b> </center>
<TH align=left bgcolor="#00007F"> <center>
<b><font color="#FFFFFF">BMR </font></b> </center>
<TH><font color="#1018BF">1</font> </TR>
<TR> <TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF">Age in years <INPUT name=age size=6><br>Weight in pounds <INPUT name=weight size=6><br>Height in inches <INPUT name=height size=6></font></b></PRE>
</center>
<TD vAlign=top bgcolor="#00007F"> <center>
<PRE><b><font color="#FFFFFF"><INPUT name=BMRMale size=6> kcal/day for men <INPUT name=BMRFemale size=6> kcal/day for women
</font></b></PRE>
</center>
<TD vAlign=top> <INPUT onclick=computeBMR(this.form) type=button value=Enter>
<INPUT onclick=clearBMR(this.form) type=button value=Clear>
</TD>
</TR>
</TBODY> </TABLE>
<center>
<P align="center"><b>BMR can also be estimated as 70 W<SUP>0.75</SUP> = <INPUT border=0 name=BMR size=6>kcal/day, where W is body weight in kilograms.</b></center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Computer Cost
2
http://www.x-developer.com/javascript/content/calculators/computer-cost/index.html
Computer Cost
Action: Calculates cost of your computer.
Usage: Let your visitors calculate cost of their computer.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT language=JAVASCRIPT>
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Reaz Hoque –>
<!– ————————————————— –>
var called=false;
//to make sure the function compute() is called
var T_Price=0;
var pr_flag;
//processor flag for keeping track of the choices
var pr_print="";
var sp_flag;
//flag for speed
var sp_print;
var ram_flag;
//flag for ram
var ram_print;
var hdrive_flag;
//flag for Hard Drive
var hdrive_print;
var vram_flag;
//flag for VRAM
var vram_print;
var fdrive_flag;
//flag for Floopy Drivevar fdrive_print;
var cd_flag;
//flag for CD Rom
var cd_print;
var mn_flag;
//flag for Monitor
var mn_print;
var mos_flag;
//flag for Mouse
var mos_print;
var kb_flag;
//flag for KeyBoard
var kb_print;
var modem_flag;
//flag for Modem
var modem_print;
var software_flag;
//flag for software
var software_print;
var card_flag;
//flag for sound card
var card_print;
function compute(form){
called=true;
if (form.processor[0].selected){
pr_print= "None [$0]";
pr_flag=0;
} if (form.processor[1].selected){
pr_flag =540;
pr_print="68LCO45 DD [$540]";
}
else if (form.processor[2].selected){
pr_flag =340;
pr_print="68LCO45 EE [$340]";
}
else if (form.processor[3].selected){
pr_flag =680;
pr_print="68LCO45 FF [$680]";
}
else if (form.processor[4].selected){
pr_flag =421;
pr_print="68LCO45 GG [$421]";
}
//——-Speed———-
if (form.speed[0].selected){
sp_flag=0;
sp_print="None [$0]";
}
if (form.speed[1].selected){
sp_flag=110;
sp_print="60 MHz [$110]";
}
if (form.speed[2].selected){
sp_flag=145;
sp_print="66/33 MHz [$145]";
}
if (form.speed[3].selected){
sp_flag=199;
sp_print="75 MHz [$199]";
}
if (form.speed[4].selected){
sp_flag=235;
sp_print="100 MHz [$235]";
}
//——-RAM———–
if (form.ram[0].selected){
ram_flag=0;
ram_print="None [$0]";
}
if (form.ram[1].selected){
ram_flag=75;
ram_print="4 RAM [$75]";
}
if (form.ram[2].selected){
ram_flag=120;
ram_print="8 RAM [$120]";
}
if (form.ram[3].selected){
ram_flag=200;
ram_print="16 RAM [$200]";
}
if (form.ram[4].selected){
ram_flag=350;
ram_print="32 RAM [$350]";
}
//——-Hard Drive——-
if (form.hdrive[0].selected){
hdrive_flag=0;
hdrive_print="None [$0]";
}
if (form.hdrive[1].selected){
hdrive_flag=100;
hdrive_print="250MB [$100]";
}
if (form.hdrive[2].selected){
hdrive_flag=200;
hdrive_print="500MB [$200]";
}
if (form.hdrive[3].selected){
hdrive_flag=300;
hdrive_print="750MB [$300]";
}
if (form.hdrive[4].selected){
hdrive_flag=399;
hdrive_print="1.0GB [$399]";
}
//——-VRAM——-
if (form.vram[0].selected){
vram_flag=0;
vram_print="None [$0]";
}
if (form.vram[1].selected){
vram_flag=50;
vram_print="1MB DRAM [$50]";
}
if (form.vram[2].selected){
vram_flag=89;
vram_print="4MB DRAM [$89]";
}
if (form.vram[3].selected){
vram_flag=125;
vram_print="8MB DRAM [$125]";
}
if (form.vram[4].selected){
vram_flag=200;
vram_print="16MB DRAM [$200]";
}
//——-Floppy——-
if (form.fdrive[0].selected){
fdrive_flag=0;
fdrive_print="None [$0]";
}
if (form.fdrive[1].selected){
fdrive_flag=75;
fdrive_print=" 1.4 ench. [$75]";
}
if (form.fdrive[2].selected){
fdrive_flag=50;
fdrive_print="5.25 ench. [$50]";
}
if (form.fdrive[3].selected){
fdrive_flag=100;
fdrive_print="BOTH [$100]";
}
//——-CD ROM——-
if (form.cd[0].selected){
cd_flag=0;
cd_print="None [$0]";
}
if (form.cd[1].selected){
cd_flag=300;
cd_print="600E Dual Speed [$300]";
}
if (form.cd[2].selected){
cd_flag=450;
cd_print="800E Quadruple-Speed [$450]";
}
//———-Monitor———–
if (form.monitor[0].selected){
mn_flag=0;
mn_print="None [$0]";
}
if (form.monitor[1].selected){
mn_flag=210;
mn_print="12 ench. VGA [ $210]";
}
if (form.monitor[2].selected){
mn_flag=300;
mn_print="14 ench. Super VGA [$300]";
}
if (form.monitor[3].selected){
mn_flag=290;
mn_print="14 ench. VGA [$290]";
}
if (form.monitor[4].selected){
mn_flag=370;
mn_print="14 ench. Super VGA [$370]";
}
if (form.monitor[5].selected){
mn_flag=350;
mn_print="17 ench. VGA [$350]";
}
if (form.monitor[6].selected){
mn_flag=475;
mn_print="17 ench. Super VGA [$475]";
}
//———–Mouse——
if (form.mouse[0].selected){
mos_flag=0;
mos_print="None [$0]";
}
if (form.mouse[1].selected){
mos_flag=35;
mos_print=" Vesa6 [$35]";
}
if (form.mouse[2].selected){
mos_flag=120;
mos_print=" Titda9 [$120]";
}
//———-KeyBoard———–
if (form.keyboard[0].selected){
kb_flag=0;
kb_print= "None [$0]";
}
if (form.keyboard[1].selected){
kb_flag=75;
kb_print="473E SPO [$75]";
}
if (form.keyboard[2].selected){
kb_flag=120;
kb_print="48dE SPO [$120]";
}
if (form.keyboard[3].selected){
kb_flag=150;
kb_print="874K SPO [$150]";
}
if (form.keyboard[4].selected){
kb_flag=175;
kb_print="888i SPO [$175]";
}
//———-Modem———–
if (form.modem[0].selected){
modem_flag=0;
modem_print=" None [$0]";
}
if (form.modem[1].selected){
modem_flag=100;
modem_print=" External 14.4 [$100]";
}
if (form.modem[2].selected){
modem_flag=110;
modem_print=" Internal 14.4 [$110]";
}
if (form.modem[3].selected){
modem_flag=150;
modem_print=" External 28.8 [$150]";
}
if (form.modem[4].selected){
modem_flag=160;
modem_print=" Internal 28.8 [$160]";
}
//———-Sound Card———– if (form.card[0].selected){
card_flag=0;card_print="None [$0]";
}
if (form.card[1].selected){
card_flag=300;
card_print=" Adlib [$300]";
}
if (form.card[2].selected){
card_flag=258;
card_print=" Sound Blaster [$258]";
}
if (form.card[3].selected){
card_flag=235;
card_print=" Sound Blaster Pro [$235]";
}
if (form.card[4].selected){
card_flag=320;
card_print=" MIDI Mapper [$320]";
}
T_Price=pr_flag+sp_flag+ram_flag+hdrive_flag+vram_flag+ fdrive_flag+cd_flag+mn_flag+mos_flag+ kb_flag+modem_flag+card_flag;form.T_Price.value=" $ "+ T_Price;
}
function print(form){
if(!called){
compute(form);
}
text = ("<HEAD><TITLE>'UniVista On-line Computer Cost Esimator'</TITLE></HEAD>");
text = (text +"<BODY BGCOLOR = '#FFFFFF' ><CENTER><B><FONT SIZE = 4><FONT COLOR=BLUE>UniVista On-line Computer Cost Esimator</FONT></FONT></B>");
text= (text +"<br></CENTER>");
text=(text+"<hr>");
text=(text+"<TABLE BORDER =0><TR VALIGN=Top><TD VALIGN=Top>");
text=(text+"<B>Processor:<BR>Speed: <BR>Monitor: <BR>Hardrive: <BR>Floppy Drive: <BR>Memory:");
text=(text+" <BR>VRAM: <BR>CD-ROM: <BR>Sound Card: <BR>Modem: <BR>Key Board: <BR>Mouse: ");
text=(text+"</B></TD><TD>")
text=(text+"<B>"+ pr_print+"<BR>"+sp_print+"<BR>"+ mn_print+"<BR>"+ hdrive_print+"<BR>");
text=(text+ fdrive_print+"<BR>"+ram_print+"<BR>"+ vram_print+"<BR>"+ cd_print+"<BR>");
text=(text+card_print+"<BR>"+ modem_print+"<BR>"+kb_print +"<BR>" +mos_print );
text=(text+"<TD></TR></TABLE><hr>");
text=(text+"<B><FONT COLOR=RED>Total Cost:</FONT>"+"       $"+T_Price);
text=(text+"<BR><BR><BR><BR><BR><FONT SIZE=-1><FONT COLOR=GREEN>To print, choose FILE and PRINT.</FONT></FONT>");
text=(text+"</body></html>"); msgWindow=window.open("","displayWindow","toolbar=no,width=375,height=480,directories=no,status=yes,scrollbars=yes,resize=no,menubar=yes") msgWindow.document.write(text) msgWindow.document.close()
}
</SCRIPT>
<FORM method=post>
<TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<CAPTION></CAPTION>
<TBODY> <TR> <TD> <center>
<font color="#FFFFFF"><b>Processor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=processor>
<OPTION selected>Select <OPTION>68LCO45 DD [$540] <OPTION>68LCO45 EE [$340] <OPTION>68LCO45 FF [$680] <OPTION>68LCO45 GG [$421]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Speed: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=speed>
<OPTION selected>Select <OPTION>60 MHz [$110] <OPTION>66/33 MHz [$145] <OPTION>75 MHz [$199] <OPTION>100 MHz [$235]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Memory(RAM): </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=ram>
<OPTION selected>Select <OPTION>4 RAM[$75] <OPTION>8 RAM [$120] <OPTION>16 RAM [$200] <OPTION>32 RAM [$350]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>Hard drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=hdrive>
<OPTION selected>Select <OPTION>250MB [$100] <OPTION>500MB [$200] <OPTION>750MB [$300] <OPTION>1.0GB [$399]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>VRAM: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=vram>
<OPTION selected>Select <OPTION>1MB DRAM [$50] <OPTION>4MB DRAM [$89] <OPTION>8MB DRAM [$125] <OPTION>16MB DRAM [$200]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Floppy Drive: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=fdrive>
<OPTION selected>Select <OPTION>1.4MB [$75] <OPTION>5.25MB [$50] <OPTION>BOTH [$100]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>CD-Rom: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=cd>
<OPTION selected>Select <OPTION>600E Dual Speed [$300] <OPTION>800E Quadruple-Speed [$450]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Monitor: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=monitor>
<OPTION selected>Select <OPTION>12" VGA [ $210] <OPTION>12" Super VGA [$300] <OPTION>14" VGA [$290] <OPTION>14" Super VGA [$370] <OPTION>17" VGA [$350] <OPTION>17" Super VGA [$475]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Mouse: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=mouse>
<OPTION selected>Select <OPTION>Vesa6 [$35] <OPTION>Titda9 [$120]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
<TR> <TD> <center>
<font color="#FFFFFF"><b>KeyBoard: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=keyboard>
<OPTION selected>Select <OPTION>473E SPO [$75] <OPTION>48dE SPO [$120] <OPTION>874K SPO [$150] <OPTION>888i SPO [$175]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Modem: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=modem>
<OPTION selected>Select <OPTION>External 14.4 [$100] <OPTION>Internal 14.4 [$110] <OPTION>External 28.8 [$150] <OPTION>Internal 28.8 [$160]</OPTION>
</SELECT>
</b></font></P>
</TD>
<TD> <center>
<font color="#FFFFFF"><b>Sound Card: </b> </font> </center>
<P align="center"> <font color="#FFFFFF"><b> <SELECT name=card>
<OPTION selected>Select <OPTION>Adlib [$300] <OPTION>Sound Blaster [$258] <OPTION>Sound Blaster Pro [$235] <OPTION>MIDI Mapper [$320]</OPTION>
</SELECT>
</b></font></P>
</TD>
</TR>
</TBODY> </TABLE>
<P> <TABLE border=3 cellPadding=2 align="center" cellspacing="0" bgcolor="#1018BF">
<TBODY> <TR> <TD> <CENTER>
<BR>
<INPUT name=Price onclick=compute(this.form) type=button value="Update Price">
</CENTER>
<BR>
<INPUT name=T_Price size=15>
<BR>
</TD>
<TD>
<INPUT name=Print_data onclick=print(this.form) type=button value="Print Preview">
<CENTER>
</CENTER>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Cool Table Menu
2
http://www.wsabstract.com/script/script2/coolmenu.shtml
Cool Table Menu IE 4+
Description: Add flare to your menu with Clarence's navigational script! Not only do participating menu items receive a "highlight" effect when the mouse moves over them, but also, a textual description of the containing link. Very cool, and degrades well with all browsers.
Example:
Dynamic Drive
Freewarejava.com
Cerebus Web Resources
SitePoint.com
Directions
Step 1: The following code is to be placed between <head> and </head>.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<style type="text/css">
<!–
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:black;
}
–>
</style>
<script language="javascript">
<!–
/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from Wsabstract.com
Visit http://wsabstract.com for this and over 400+ other scripts
*/
function movein(which,html){
which.style.background='coral'
iedescription.innerHTML=html
}
function moveout(which){
which.style.background='bisque'
iedescription.innerHTML=' '
}
//–>
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Add the below where you wish the menu to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">
<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(choice1,'The #1 DHTML site online')" onmouseout="moveout(choice1)"">
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></td></tr>
<td class="menu" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(choice2,'Free Java applets')" onmouseout="moveout(choice2)">
<a href="http://freewarejava.com">Freewarejava.com</a></td></tr>
<td class="menu" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(choice3,'Free webmaster resources')" onmouseout="moveout(choice3)"><a href="http://www.freebox.com/cereweb/">Cerebus Web Resources</a></td></tr>
<td class="menu" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(choice4,'Resources to build your site')" onmouseout="moveout(choice4)"><a href="http://www.sitepoint.com">SitePoint.com</a></td></tr>
<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="iedescription" face="Verdana" size="2"></font></td></tr>
</table>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Count down until any date
2
http://www.wsabstract.com/script/script2/count.shtml
http://www.wsabstract.com/script/countdownimage.shtml
http://www.wsabstract.com/script/script2/count2.shtml
http://www.wsabstract.com/script/script2/countup.shtml
Count down until any date
Description: A versatile and practical script that can be used to count down until any given date.
Example: Only 81 days until Christmas!
Directions: Simply insert the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Count down until any date script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
if (difference==0)
document.write(current)
else if (difference>0)
document.write("Only "+difference+" days until "+before)
}
//enter the count down date using the format year/month/day
countdown(2000,12,25)
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count down to. Simply pass in a date, in the form of year, month, and day, into function countdown(), located at the last line of the script:
countdown(2000,12,25)
The second concerns the text to be displayed during the duration of the countdown. This is affected by the lines:
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
The first variable (var before) specifies the key word that will be used to display the sentence ""Only so and so days until ____." The second variable specifies the text to be displayed when the counter has expired (the specified countdown-to date).
<end node> 5P9i0s8y19Z
dt=
<node>CREDITS SCREEN
2
http://www.wsabstract.com/script/script2/creditscreen.shtml
Credits screen
Description: Add a TV-like credits screen page to your site with this script! It displays a "credit" window that slowly scrolls down continuously, revealing the contributors' names bit by bit…just like the credit screen on TV!
Example: See credits for Website Abstraction
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the below into the <body> section of the page that will open the credits page (ie: this page):
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Credits screen script
By Website Abstraction
http://wsabstract.com
Over 400+ original scripts here!
*/
function opencredit(){
//set this to the file of the credit
var creditfile="credits.htm"
if (document.all)
creditwindow=window.open(creditfile,"","width=445,height=250")
else
creditwindow=window.open(creditfile,"","width=445,height=250,scrollbars")
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
You'll also need to add a link like the below, which is what the users will click to activate the credits screen:
<a href="javascript:opencredit()">See credits for My site!</a>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Click and save the following HTML page into your webpage directory (credits.htm). This is the HTML page that contains the credits themselves. You obviously want to edit it to contain your own credit lines. Just don't remove the script inside of it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
http://www.wsabstract.com/script/script2/credits.htm
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<title>Website Abstraction Credit Screen</title>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript1.2">
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p align="center"><img src="../../logor.gif" width="332" height="97" alt="logor.gif (5979 bytes)"><br>
<small><font face="Verdana">Credits Page</font></small></p>
<p align="left"><strong><font face="Verdana">~Main credits~</font></strong></p>
<p align="left"><font face="Verdana"><strong>Creator and main operator: </strong>George
Chiang (WA)</font></p>
<p align="left"><font face="Verdana"><strong>JavaScript forum moderator: </strong>John
Krutsch</font></p>
<end node> 5P9i0s8y19Z
dt=
<node>Dog Years
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Dog Years
Action: Calculates your dog life.
Usage: Let your visitors calculate how old they are in dog life.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>Download Time
2
http://www.x-developer.com/javascript/content/calculators/dog/index.html
Download Time
Action: Estimates how long will it take to download a file from Internet.
Usage: Let your visitors calculate time spent on specific download.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function fido(form)
{
form.dogyears.value=form.humanyears.value/7;
}</SCRIPT>
<CENTER>
<FORM>
<b>Enter your age: <INPUT TYPE =text NAME=humanyears SIZE=15>
<BR>
</b> <P> <b> <INPUT TYPE =button VALUE=Calculate ONCLICK=fido(this.form)>
<BR>
</b> <P><b> Your age in Dog Years is: <INPUT TYPE=text NAME=dogyears SIZE=15>
<BR>
</b> </FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>FairWell window launcher
2
http://www.wsabstract.com/script/cut65.shtml
http://www.wsabstract.com/script/script2/bookalert.shtml
FairWell window launcher (updated:98/10/19)
I got the idea for the following script from a site I recently visited. When I left, a cute little window popped up, thanking me for visiting their site, and urging me to come back real soon. The window actually made an impact on me, surprisingly. Here is a script that does just that- pops up a small, toolbarless window as the surfer leaves the page. To avoid over-irritating your surfers, the script comes with the added feature of only popping up the first time the surfer enters and leaves the page; if he/she goes to CNN for a while, then returns and leaves again, the window is not displayed. (Try leaving this page the first time- a window will be displayed. Come back, then leave again- no window!). Note: Cookies are used to determine how many times a surfer has visited a page; therefore, only browsers with cookies enabled will benefit from this "anti-irritant" feature.
Example: Press "back" (the first time) to leave this page and see the script in action.
Directions
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following into the <head> section of your page (change the :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
/*
Fair well window launcher script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
function openpopup(){
//configure "seeyou.htm and the window dimensions as desired
window.open("seeyou.htm","","width=300,height=338")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
document.cookie="popped=yes"
}
}
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Insert the following into the <body> tag itself, like this:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<body onunload="loadpopup()">
………
( Clip-Art )
Thanks for visiting our site. We hope to see you real soon!
http://wsabstract.com
……….
<end node> 5P9i0s8y19Z
dt=
<node>Group Work
2
http://www.x-developer.com/javascript/content/calculators/group/index.html
Group Work
Action: Calculates group work time.
Usage: Let your visitors calculate group work time.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<body bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: mistermidget@hotmail.com –> <!– ————————————————— –>
function groupWork()
{
person1=parseInt(document.workform.person1.value);
person2=parseInt(document.workform.person2.value);
worktime=(person1*person2)/(person1+person2);
document.workform.time.value=worktime;
}</script>
<center>
<form name=workform>
<b>Person one can do the job in <input type=text name=person1 size=5>
hours. <br>
Person two can do the same job in <input type=text name=person2 size=5>
hours. <br>
Together, they can do the job in <input type=text name=time size=10>
hours. </b><br>
<br>
<input type=button value=Solve! name=solve onClick=groupWork()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>HeadLiner
2
When you need to present information on your site, you should consider this script. Appropriately named the Headliner, it presents a number of messages to your visitors in many different formats including a simple scroll, typewriter, expand, and just static text. Each message when clicked can take the visitor to a different URL! This script is really great…. Just check it out!
= = = = = = = = = = = = =
<!– TWO STEPS TO INSTALL HEADLINER:
1. Add the onLoad event handler to the BODY tag
2. Copy the specified code into the BODY of your HTML document –>
<!– STEP ONE: Add this onLoad event handler to the BODY tag –>
<body onLoad="StartHeadliner()">
<!– STEP TWO: Put this code into the BODY of your HTML document –>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Original: Jan Pijnacker <Jan_P@dds.nl> –>
<!– Begin
typeWriterWait=120 // Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90 // scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false // randomly choose lines? (true or false)
lineMax=7 // how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.piaster.nl/perspicacity/js/headliner", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example – appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information….", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:Jan_P@dds.nl?subject=The Headliner", "", TypeWriter, 1500)
lines[7]=new Line("Or here to go back to Messages", "http://messages.javascriptsource.com", "", Static, 3500)
// Don't change these variables below 🙂
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (–n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max – 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle – charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="The JavaScript Source presents…."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
// End –>
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 5.69 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Highlight text
2
http://wsabstract.com/howto/css.shtml
Highlight text (Compatible: IE 4+, NS 4)
Cheap example on the net: Below example
I like to call this effect highlight text, but many simply call it "text with a background color" (how artistic). It allows you to draw attention to specific text by giving it a background color. Take a look at the following paragraph:
= = =
Hay webmasters, looking for the perfect tool to create and manage a web site? Allow me to introduce you to NotePad. Its the simplest, fastest, and don't forget, cheapest way to creating and maintaining a site. Why else would it be packaged with Windows 95? You know that Windows 95 is the best operating system available, so whatever comes with it must also be the, eh, best, right?. Don't hesitate, use NotePad today!
= = =
Since I want to emphasize the words "simplest, fastest, and cheapest", I use CSS to give that portion of the text a background color of yellow. Here's the source code I used:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<span style="background-color:yellow">simplest, fastest, and don't forget, cheapest</span>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
As you can see, just warp the text you want to highlight with the part in bold.
<end node> 5P9i0s8y19Z
dt=
<node>Interactive Headliner 1
2
http://www.x-developer.com/javascript/content/buttons/headliner-1/index.html
Interactive Headliner 1 Browser : ALL
Action: Scrolls and blinks information with links in many ways.
Usage: Save space on your site by having this ultimate headliner on your pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY OnLoad=StartHeadliner() bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Jan Pijnacker <Jan_P@dds.nl> –>
<!– ————————————————— –>
typeWriterWait=120// Typewriter delay
blinkTextWait=1000 // Blinking delay
blinkSpacesWait=300 // Blinking 'blank-spaces' delay
blinkMax=3 // how many times to blink
expandWait=100 // expanding headliner delay
scrollWait=90// scrolling headliner delay
scrollWidth=34 // characters in scroll display
randomLines=false// randomly choose lines? (true or false)
lineMax=7// how many lines you have
lines=new Array(lineMax)
// Use this format for all the lines below:
// (display text, url or mailto, frame name, effect, delay time)
lines[1]=new Line("The JavaScript Headliner!", "http://www.x-developer.com", "", Blink, 500)
lines[2]=new Line("This is a great JavaScript example – appropriately named ' The JavaScript Headliner ' !", "", "", Scroll, 1000)
lines[3]=new Line("Wouldn't this be good on your site?", "", "", Static, 3500)
lines[4]=new Line("Many ways to present information….", "", "", Expand, 2000)
lines[5]=new Line("Each message can even take the visitor to different a URL when clicked !", "", "", Scroll, 3000)
lines[6]=new Line("Click now to email the author", "mailto:developer@x-developer.com", "", TypeWriter, 1500)
// Don't change these variables below 🙂
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (–n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max – 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle – charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="X-Developer presents…."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
</SCRIPT>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Interactive Headliner 2
2
http://www.x-developer.com/javascript/content/buttons/headliner-2/index.html
Interactive Headliner 2
Action: Changes messageson a form button with predefined links.
Usage: Create your littlepresentation and save space on your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=StartHeadliner() onunload=StopHeadliner() bgcolor="#FFFFCC">
<STYLE>.stHeadliner {
BACKGROUND: red; COLOR: white; FONT-FAMILY: lucida console, courier new, monospace; FONT-SIZE: 11pt; FONT-STYLE: italic; FONT-WEIGHT: bold
}
</STYLE>
<SCRIPT language=JavaScript>
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Jan Pijnacker –>
<!– Web Site: mailto:Jan_P@dds.nl –>
<!– ————————————————— –>
// Delay in milliseconds for the growing headliner
growWait=90
// Delay in milliseconds for the expanding headliner
expandWait=120
// Delay in milliseconds for the scrolling headliner
scrollWait=100
// Number of characters in scrolling zone for the scrolling headliner
scrollWidth=40
// Number of lines, specify as much as you want to use
lineMax=4
lines=new Array(lineMax)
// Define the lines (Text to display, url, effect, time to wait)
lines[1]=new Line("Get 1000's of best JavaScripts!", "http://www.x-developer.com", Expand, 2000)
lines[2]=new Line("Great Animation Scripts", "www.x-developer.com/javascript/content/animations/index.html", Scroll, 1000)
lines[3]=new Line("Cool Banner Scripts", "http://www.x-developer.com/javascript/content/banners/index.html", Static, 2500)
lines[4]=new Line("E-Mail Me!", "mailto:developer@x-developer.com", Grow, 3000)
// Some other variables (just don't change)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Define line object
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait
}
// Fill a string with n chars c
function StringFill(c, n) {
s=""
while (–n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle – charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 1000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url)
{
top.location.href=url
}
</SCRIPT>
<CENTER>
<FORM name=formDisplay>
<INPUT class=stHeadLiner name=buttonFace onclick=GotoUrl(lines[lineNo].url) type=button value="The Headliner">
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Page Born
2
http://www.x-developer.com/javascript/content/page-details/page-born/index.html
Page Born
Action: Tells you if the page has changed since your last visit.
Usage: Tell a visitor if something has happened on your site since his last visit.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<CENTER>
<TABLE border=2 cellspacing=0 cellpadding=3>
<TR> <TD bgcolor="#000044"> <center>
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: www.jwp.bc.ca/saulm/html/bornon.htm –>
<!– ————————————————— –>
document.write(document.title);
</SCRIPT>
</center>
</TD>
</TR>
<TR> <TD bgcolor="#440000"> <center>
<FONT size=-1 color="#ff0000" face="trebuchet MS","arial"> <FONT color="#ff8800">Born on:</font>
<!– Put the page creation date, here –> April 1, 2000 <BR>
<SCRIPT LANGUAGE="JavaScript">
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break; }
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp);
exp.setTime (exp.getTime() – 1);
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var cookie_date=new Date(document.lastModified);
var expdate = new Date();
expdate.setTime(expdate.getTime()+(5*24*60*60*1000));
document.write("<Font color=ff8800>" + "Last updated: "+ "</font>" +document.lastModified);
document.write("");
if (!(cookie_date == GetCookie("cookie_date"))){
SetCookie("cookie_date",cookie_date,expdate);
document.write("<font color='yellow'><br>Site has changed since last visit!</font><br>");
}
</SCRIPT>
</FONT> </center>
</TD>
</TR>
</TABLE>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>People on Earth
2
http://www.x-developer.com/javascript/content/calculators/people-earth-ie/index.html
People on Earth
Action: Calculates how many people live on Earth.
Usage: Let your visitors calculate number of people on Earth.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload=maind() bgcolor="#FFFFCC">
<SCRIPT language=JavaScript>
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: w.joosen@tip.nl –>
<!– http://www.geocities.com/SiliconValley/Heights/7725/–>
<!– ————————————————— –>
function maind()
{
startdate = new Date()
now(startdate.getYear(),startdate.getMonth(),startdate.getDate(),startdate.getHours(),startdate.getMinutes(),startdate.getSeconds())
}
function ChangeValue(number,pv)
{
numberstring =""
var j=0 var i=0
while (number > 1)
{ numberstring = (Math.round(number-0.5) % 10) + numberstring
number= number / 10
j++
if (number > 1 && j==3) { numberstring = "." + numberstring j=0}
i++
}
numberstring= " " + numberstring+",00"
if (pv==1) { document.schuld.schuld.value = numberstring}
if (pv==2) {document.newnow.newnow.value = numberstring}
}
function now(year,month,date,hours,minutes,seconds) { startdatum = new Date(year,month,date,hours,minutes,seconds)
var now = 5700000000.0
var now2 = 5790000000.0
var groeipercentage = (now2 – now) / now *100
var groeiperseconde = (now * (groeipercentage/100))/365.0/24.0/60.0/60.0 nu = new Date () schuldstartdatum = new Date (96,1,1) secondenoppagina = (nu.getTime() – startdatum.getTime())/1000
totaleschuld= (nu.getTime() – schuldstartdatum.getTime())/1000*groeiperseconde + now
ChangeValue(totaleschuld,1);
ChangeValue(secondenoppagina*groeiperseconde,2);
timerID = setTimeout("now(startdatum.getYear(),startdatum.getMonth(),startdatum.getDate(),startdatum.getHours(),startdatum.getMinutes(),startdatum.getSeconds())",200)
}
</SCRIPT>
<CENTER>
<BR>
<H2><font size="4">The number of people on the planet Earth is now…</font></H2>
<FORM name=schuld>
<INPUT name=schuld size=25>
</FORM>
<BR>
<BR>
<H2><font size="4">Since you are on this page the number of people on Earth has grown with …</font></H2>
<FORM name=newnow>
<INPUT name=newnow size=25>
<H2><font size="4">people.</font></H2>
</FORM>
</CENTER>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Remote Control
2
http://www.wsabstract.com/script/cut105.shtml
http://www.wsabstract.com/script/cut112.shtml
Remote Control
Description: A remote control that loads links into the main window.
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Insert the following code into the <body> of the MAIN page (the page that will launch the remote:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!–
function remote(){
/*Credit: Website Abstraction www.wsabstract.com more JavaScripts here.*/
win2=window.open("remote.htm","","width=150,height=350,scrollbars")
win2.creator=self
}
//–>
</script>
<form>
<input type="button" value="Launch remote!" onClick="remote()">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Copy the below code and save it as remote.htm. This is the file you should edit- simply change the URLs in function remote2 below to your own:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
<title>Remote Control</title>
<script>
<!–
function remote2(url){
creator.location=url
}
//–>
</script>
</head>
<body bgcolor="ffffff">
<div align="left">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFF00">
<tr>
<td width="100%"><p align="center"><strong><big><font face="Arial">Remote Control</font></big></strong></td>
</tr>
</table>
</div>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../javaindex.htm')"><strong>JavaScript Tutorials</strong></a></font></p>
<p align="left"><font face="Arial"><a href="javascript:remote2('../howto/webbuild.htm')"><strong><small>Web
building tutorials</small></strong></a></font></p>
<p align="left"><a href="javascript:remote2('../cutpastejava.htm')"><font face="Arial"
size="2"><strong>Free JavaScripts</strong></font></a></p>
<p align="left"><a href="javascript:remote2('../java/javafront.htm')"><small><font
face="Arial"><strong>Free Java applets</strong></font></small></a></p>
<p align="left"><font face="Arial" size="2"><a
href="javascript:remote2('../frontpage.htm')"><strong>FrontPage Tutorials</strong></a></font></p>
<p align="left"><a href="javascript:remote2('../backgr.htm')"><font face="Arial" size="2"><strong>Web
Graphics</strong></font></a></p>
<p align="left"><a
href="javascript:remote2('http://www.wsabstract.com/script/cut105.htm')"><font
face="Arial" size="2"><strong>Back to script</strong></font></a></p>
</body>
</html>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Scrolling Window
2
http://www.wsabstract.com/script/cut179.shtml
Scrolling Window (Requires IE 4.x or NS 4.x)
Description: A scrolling window script that automatically scrolls the window all the way to the bottom, then starts all over again. Great for presentational web pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of your page.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
E X A M P L E:
<title>The World Cups</title>
</head>
<body bgcolor="#FFFFFF">
<p align="center"><!–webbot bot="HTMLMarkup" startspan –>
<script language="JavaScript1.2">
/*
Advanced window scroller script-
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script><!–webbot bot="HTMLMarkup"
endspan –></p>
<div align="center"><center>
<table border="0" width="65%" cellspacing="3" cellpadding="0" bgcolor="#008000">
<tr>
<td width="100%"><div align="center"><center><table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="3" cellpadding="0">
<tr>
<td width="100%" valign="top" align="left"><h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font
face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<hr size="1">
<h1 align="center"><img src="brother.gif" width="92" height="100" alt="brother.gif (1307 bytes)" align="right"><strong><font face="Arial">The World Cups</font></strong></h1>
<p align="left"><strong><font face="Arial">Soccer is one of the world's most popular
sport, and this is evident in the faces of over 2 billion fans gathered to watch the World
Cup, held every four years. The dominate forces of soccer have traditionally been Brazil
and Germany, with Brazil holding the record for the most World Cups Championship wins in
the history of this age-old sport. Soccer is a physically demanding sport that requires a
player to possess both speed and strength. A player most also be a team player, because in
soccer, one great player can only get you so far.</font></strong></p>
<p align="left"><strong><font face="Arial">In 1998, the World Cup was held at France, with
the host team, France, and the visitor Brazil, going for the gold. Brazil was generally
favored in this match, while France looked to its first World Cup championship ever. The
outcome of the match was shocking for most, with France decisively beating Brazil, 3-0.
</font></strong></p>
<p align="left"><strong><font face="Arial">Soccer is truly a great sport, and fans around
the world await the next match to be held in 2002. </font></strong></p>
<p align="center"> </td>
</tr>
</table>
</center></div></td>
</tr>
</table>
</center></div>
</body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>TIP-OF-THE-DAY
2
http://www.wsabstract.com/script/script2/tipday.shtml
Tip of the day
Description: If you run any sort of "content" site, this script is an invaluable tool for making that content more dynamic, and to keep your visitors coming back. It's a "tip of the day" script that serves up a different tip daily. The script holds 31 tips, enough to cover an entire month's worth of information. Be sure to update the script every month!
Example:
JavaScript Tip of the day
Use the arguments array of functions to determine it's containing parameters dynamically
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply copy and paste the below to the <body> section of your page where you wish the tip to appear:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<table border="0" width="100%" bgcolor="#E8E8E8" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<script>
<!–
/*
Tip of the day script
By Website Abstraction (http://wsabstract.com)
Over 200+ free scripts here!
*/
var today_obj=new Date()
var today_date=today_obj.getDate()
var tips=new Array()
//Configure the below variable to contain the "header" of the tip
var tiptitle='<img src="../../tip.gif"> <b>JavaScript Tip of the day</b><br>'
//Configure the below array to hold the 31 possible tips of the month
tips[1]='Tip 1 goes here'
tips[2]='Tip 2 goes here'
tips[3]='Tip 3 goes here'
tips[4]='Tip 4 goes here'
tips[5]='Tip 5 goes here'
tips[6]='Tip 6 goes here'
tips[7]='Tip 7 goes here'
tips[8]='Tip 8 goes here'
tips[9]='Tip 9 goes here'
tips[10]='Tip 10 goes here'
tips[11]='Tip 11 goes here'
tips[12]='Tip 12 goes here'
tips[13]='Tip 13 goes here'
tips[14]='Tip 14 goes here'
tips[15]='Tip 15 goes here'
tips[16]='Tip 16 goes here'
tips[17]='Tip 17 goes here'
tips[18]='Tip 18 goes here'
tips[19]='Tip 19 goes here'
tips[20]='Tip 20 goes here'
tips[21]='Tip 21 goes here'
tips[22]='Tip 22 goes here'
tips[23]='Tip 23 goes here'
tips[24]='Tip 24 goes here'
tips[25]='Tip 25 goes here'
tips[26]='Tip 26 goes here'
tips[27]='Tip 27 goes here'
tips[28]='Tip 28 goes here'
tips[29]='Tip 29 goes here'
tips[30]='Tip 30 goes here'
tips[31]='Tip 31 goes here'
document.write(tiptitle)
document.write(tips[today_date])
//–>
</script>
</td></tr></table>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Change the variables "tiptitle" and array "tips", and you're done.
<end node> 5P9i0s8y19Z
dt=
<node>NO CACHE?
1
There are several things that can't be done with JavaScript for security reasons, including such things as changing user preferences or clearing the cache.
However, I do have a slick workaround that prevents a page from being stored in the user's cache. (You don't have to clear the cache if the page isn't in the cache!) Anyways, on with it. The code to stick in the HEAD section of your page is this:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="Thu, 01 Dec 1994 120000 GMT">
Note: The second 'Expires' tag is not necessary for all browsers, but some browsers do use with the 'no-cache' tag, so it is best to just leave it in for good measure.
<end node> 5P9i0s8y19Z
dt=
<node>on click
1
parent.Displayright.location= 'http://www.westandassoc.com'
[vbcode]
onclick="; Chr$(34) + "parent.Displayright.location='home.html'" + Chr$(34); ">Return</a>"
<end node> 5P9i0s8y19Z
dt=
<node>Right Click Menu
2
http://javascript.internet.com/page-details/right-click-menu.html
Right Click Menu
(Internet Explorer Only) Displays a menu when the visitor right click's on the page. You can easily use style sheets to modify the menu 'skins', or write your own. Awesome!
<!– TWO STEPS TO INSTALL RIGHT CLICK MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document –>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<style>
<!–
.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
–>
</style>
<SCRIPT LANGUAGE="JavaScript1.2">
<!– Web Site: http://www.painting-effects.co.uk –>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
var menuskin = "skin1"; // skin0, or skin1
var display_url = 0; // Show URLs in status bar?
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX – ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY – ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End –>
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="javascript:history.back();">Go Back</div>
<div class="menuitems" url="http://javascript.internet.com">Go Home</div>
<hr>
<div class="menuitems" url="http://forum.javascriptsource.com">JS Forum</div>
<div class="menuitems" url="http://faq.javascriptsource.com">Site FAQs</div>
<hr>
<div class="menuitems" url="http://javascript.internet.com/link-us.html">Link to Us</div>
<div class="menuitems" url="http://javascript.internet.com/feedback.html">Contact Us</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 3.36 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>right mouse click
2
<script language="JavaScript">
<!– HIDE FROM OLD BROWSERS
function disable_right_click(e)
{
var browser = navigator.appName.substring ( 0, 9 );
var event_number = 0;
if (browser=="Microsoft")
event_number = event.button;
else if (browser=="Netscape")
event_number = e.which;
if ( event_number==2 || event_number==3 )
{
alert ("COPYRIGHT by SOLVENET");
return (false);
}
return (true);
}
function check_mousekey ()
{
var mouse_key = 93;
var keycode = event.keyCode;
if ( keycode == mouse_key )
alert ( "Mouse Key Is Disabled" );
}
function trap_page_mouse_key_events ()
{
var browser = navigator.appName.substring ( 0, 9 );
document.onmousedown = disable_right_click;
if ( browser == "Microsoft" )
document.onkeydown = check_mousekey;
else if ( browser == "Netscape" )
document.captureEvents( Event.MOUSEDOWN );
}
window.onload = trap_page_mouse_key_events;
<end node> 5P9i0s8y19Z
dt=
<node>PAGE DETAILS
1
<end node> 5P9i0s8y19Z
dt=
<node>adapt2screen Window opener
2
http://www.wsabstract.com/script/cut121.shtml
adapt2screen Window opener (Requires Java-enabled browser)
Description: A script that opens a secondary window with the size adjusted relative to the screen resolution of the surfer. You can specify, for example, that the secondary window always be 50 pixels smaller than the screen of the surfer, regardless of the screen size of the surfer. Check documentation in script below for details.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert this into the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT>
if (navigator.javaEnabled()) {
var toolkit = java.awt.Toolkit.getDefaultToolkit();
var screen_size = toolkit.getScreenSize();
w = screen_size.width;
h = screen_size.height;
}
w=w-50; //erase these adjustments for making the window big as possible
h=h-150;
//change index.html to the name of the window U want to open
nw=window.open("../index.html","",'toolbar=yes,location=yes,directories=yes,menubar =yes,scrollbars=yes,status=yes,resizable=1,width='+w+',height='+h)
if (document.layers||document.all)
window.nw.moveTo(0,0) //up-left-justify
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Display document URL and time
2
Display document URL and time
http://www.wsabstract.com/script/script2/documentinfo.shtml
Description: This script allows you to conveniently display the containing document's URL and time on the page. Useful, for example, if your site's pages are often printed out, and you wish the URL/time to be included in the output.
Example: Look at the bottom of this page
Directions: Add the following to the footnote of your document:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
var today=new Date()
document.write('<center>'+today.toString()+'<br>'+window.location+'</center>')
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Displaying the last modified date of your page
2
Displaying the last modified date of your page
http://www.wsabstract.com/script/cut8.shtml
Example: Updated 10/5/2000 1:19:42
Description: The following script will display the date and time of the last modification to your webpage. It will automatically update itself whenever you make changes to the page and save it.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply add the below into the <body> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<SCRIPT language="JavaScript">
<!–
/*
Last Modified Date script (by Candy)
For this and 100's more scripts, visit http://wsabstract.com
*/
var dayArray = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var lastUpdate = new Date(document.lastModified);
var modifiedyear=lastUpdate.getYear()
if (modifiedyear<1000)
modifiedyear+=1900
document.write("Updated ");
document.write(lastUpdate.getMonth()+1 + '/' + lastUpdate.getDate() + '/' + modifiedyear+ ' '+ lastUpdate.getHours()+':'+lastUpdate.getMinutes()+':'+lastUpdate.getSeconds())
//–>
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Floating Logo
2
http://www.x-developer.com/javascript/content/page-details/logo-float/index.html
Logo Floater Browser : ALL
Action: Displays floating logo in the bottom right corner of the screen and keeps it there even when the page is scrolled.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY onload="setVariables(); checkLocation();" bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Randy Bennett (rbennett@thezone.net) –>
<!– home.thezone.net/~rbennett/utility/javahead.htm –>
<!– ————————————————— –>
function setVariables() {
imgwidth=70; // logo width, in pixels
imgheight=30; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
</SCRIPT>
<div id="branding" style="position:absolute; visibility:show; left:235px; top:50; z-index:2">
<table width=10>
<td> <a href="http://www.x-developer.com" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true">
<center>
<img src="logo-float.gif" width="70" height="30" border="0">
</center>
</a></td>
</table>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Preload Page
2
http://javascript.internet.com/page-details/preload-page.html
Preload Page
Displays a loading message as the page, including images and sound elements, are loaded in the background. When the page finishes loading the screen is shown, similar to how Macromedia's Flash plugin works. Easy!
<!– THREE STEPS TO INSTALL PRELOAD PAGE:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document –>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– Original: Gilbert Davis –>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function loadImages() {
if (document.layers) {
document.hidepage.visibility = 'hidden';
}
else {
document.all.hidepage.style.visibility = 'hidden';
}
}
// End –>
</script>
</HEAD>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!– STEP TWO: Insert the onLoad event handler into your BODY tag –>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<BODY OnLoad="loadImages()">
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!– STEP THREE: Copy this code into the BODY of your HTML document –>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 100%; width: 100%;">
<table width=100%><tr><td>Page loading … Please wait.</td></tr></table></div>
<!– put the rest of your page contents here –>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<!– Script Size: 1.20 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Size & Position Opener
2
http://www.x-developer.com/javascript/content/buttons/window-size-position/index.html
Size & Position Opener
Action: Popups windows withpredefined size and screen location.
Usage: Control your popupwindows.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function open0()
{
zero=open("","zero","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=0,top=0");
zero.document.write("<html><title>0 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"0 pixels left<br>0 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open100()
{
one=open("","one","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=100,top=100");
one.document.write("<html><title>100 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"100 pixels left<br>100 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open200()
{
two=open("","two","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=200,top=200");
two.document.write("<html><title>200 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"200 pixels left<br>200 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}
function open300()
{
three=open("","three","height=200,width=200,status=no,toolbar=no,directories=no,menubar=no,location=no,resizable=no,left=300,top=300");
three.document.write("<html><title>300 Pixels</title>"
+"<body bgcolor='white' onblur=window.close()>"
+"<table height=100% width=100% border=0>"
+"<tr><td align=center valign=center width=100%>"
+"<b><a href='javascript:window.close()'>"
+"300 pixels left<br>300 pixels "
+" top</a></b></td></tr>"
+"</table></body></html><p>");
}</script>
<center>
<form>
<input type=button value="Window: 0 pixels left & top" onclick=open0()>
<br>
<input type=button value="Window: 100 pixels left & top" onclick=open100()>
<br>
<input type=button value="Window: 200 pixels left & top" onclick=open200()>
<br>
<input type=button value="Window: 300 pixels left &top" onclick=open300()>
<br>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>PASSWORD Protection
1
<end node> 5P9i0s8y19Z
dt=
<node>Login and password script II
2
Login and password script II
http://www.wsabstract.com/script/script2/loginpass2.shtml
Login and password script II
Description: This is a variation of the original Login and Password script that will take users to two different pages, depending on whether the entered combination is correct or not.
Example: (in demo, user="free", password="javascript")
ENTER USER NAME :
ENTER PASSWORD :
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Directions: Simply insert the below into the <body> section of the login page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<form>
<p>ENTER USER NAME :
<input type="text" name="text2">
</p>
<p> ENTER PASSWORD :
<input type="password" name="text1">
<input type="button" value="Check In" name="Submit" onclick=javascript:validate(text2.value,"free",text1.value,"javascript") >
</p>
</form>
<script language = "javascript">
/*
Script by Anubhav Misra (anubhav_misra@hotmail.com)
Submitted to Website Abstraction (http://wsabstract.com)
For this and 400+ free scripts, visit http://wsabstract.com
*/
function validate(text1,text2,text3,text4)
{
if (text1==text2 && text3==text4)
load('success.htm');
else
{
load('failure.htm');
}
}
function load(url)
{
location.href=url;
}
</script>
<p align="center"><font face="arial" size="-2">This free script provided by <a href="http://wsabstract.com">Website Abstraction</a></font></p>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Configuring the script
To change the login/password, change "free" and "javascript" inside the script, respectively. To change the destination URLs, modify "success.html" and "failure.html."
<end node> 5P9i0s8y19Z
dt=
<node>PageName
2
http://www.x-developer.com/javascript/content/passwords/page-name/index.html
Page Name Browser : ALL
Action: Sends you to a page that is called name.html where NAME is password entered by a user.
Usage: Create pages with complex names and use this as a simple but well working restricting access system.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
var password = ''
password=prompt('Please enter your password:','demo-dest');
if (password != null) {
location.href= password + ".html";
}
</SCRIPT>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>Pass Generator
2
http://www.x-developer.com/javascript/content/passwords/generator/index.html
Pass Generator Browser : ALL
Action: Generates password of given length and character type.
Usage: Save time when making up passwords.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: Rob Kroll (rkroll@istar.ca) –>
<!– ————————————————— –>
function generate(form) {
var type=form.type.selectedIndex;
if (type<4) {
var selectionarray=new Array(62)
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
selectionarray[37]="a";
selectionarray[38]="b";
selectionarray[39]="c";
selectionarray[40]="d";
selectionarray[41]="e";
selectionarray[42]="f";
selectionarray[43]="g";
selectionarray[44]="h";
selectionarray[45]="i";
selectionarray[46]="j";
selectionarray[47]="k";
selectionarray[48]="l";
selectionarray[49]="m";
selectionarray[50]="n";
selectionarray[51]="o";
selectionarray[52]="p";
selectionarray[53]="q";
selectionarray[54]="r";
selectionarray[55]="s";
selectionarray[56]="t";
selectionarray[57]="u";
selectionarray[58]="v";
selectionarray[59]="w";
selectionarray[60]="x";
selectionarray[61]="y";
selectionarray[62]="z";
var length=62;
}
if (type<3) {
var selectionarray=new Array(36);
selectionarray[1]="a";
selectionarray[2]="b";
selectionarray[3]="c";
selectionarray[4]="d";
selectionarray[5]="e";
selectionarray[6]="f";
selectionarray[7]="g";
selectionarray[8]="h";
selectionarray[9]="i";
selectionarray[10]="j";
selectionarray[11]="k";
selectionarray[12]="l";
selectionarray[13]="m";
selectionarray[14]="n";
selectionarray[15]="o";
selectionarray[16]="p";
selectionarray[17]="q";
selectionarray[18]="r";
selectionarray[19]="s";
selectionarray[20]="t";
selectionarray[21]="u";
selectionarray[22]="v";
selectionarray[23]="w";
selectionarray[24]="x";
selectionarray[25]="y";
selectionarray[26]="z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
if (type<2) {
var selectionarray=new Array(36);
selectionarray[1]="A";
selectionarray[2]="B";
selectionarray[3]="C";
selectionarray[4]="D";
selectionarray[5]="E";
selectionarray[6]="F";
selectionarray[7]="G";
selectionarray[8]="H";
selectionarray[9]="I";
selectionarray[10]="J";
selectionarray[11]="K";
selectionarray[12]="L";
selectionarray[13]="M";
selectionarray[14]="N";
selectionarray[15]="O";
selectionarray[16]="P";
selectionarray[17]="Q";
selectionarray[18]="R";
selectionarray[19]="S";
selectionarray[20]="T";
selectionarray[21]="U";
selectionarray[22]="V";
selectionarray[23]="W";
selectionarray[24]="X";
selectionarray[25]="Y";
selectionarray[26]="Z";
selectionarray[27]="0";
selectionarray[28]="1";
selectionarray[29]="2";
selectionarray[30]="3";
selectionarray[31]="4";
selectionarray[32]="5";
selectionarray[33]="6";
selectionarray[34]="7";
selectionarray[35]="8";
selectionarray[36]="9";
var length=36;
}
var lngth=form.length.selectedIndex;
var i,j;
var tmpstr;
tmpstr="";
i=0;
do {
{
var randscript = -1
while (randscript < 1 || randscript > length || isNaN(randscript))
{randscript = parseInt(Math.random()*(length))}
j=randscript}
tmpstr=tmpstr+selectionarray[j]
i=i+1}
while (i<lngth)
form.password.value = tmpstr;
}
</script>
<center>
<form>
<select name="type">
<option selected>Choose Type <option>Uppercase letters and numbers <option>Lowercase letters and numbers <option>Mixed case letters and numbers </select>
<select name="length">
<option selected>Choose length <option>1 Character <option>2 Characters <option>3 Characters <option>4 Characters <option>5 Characters <option>6 Characters <option>7 Characters <option>8 Characters <option>9 Characters <option>10 Characters <option>11 Characters <option>12 Characters <option>13 Characters <option>14 Characters <option>15 Characters <option>16 Characters <option>17 Characters <option>18 Characters <option>19 Characters <option>20 Characters </select>
<br>
<b>Your random password is:</b> <input type=text name=password size=20>
<br>
<input type="button" value="Generate Password" onclick="generate(this.form)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>Simple MultiUser
2
http://www.x-developer.com/javascript/content/passwords/simple-multi/index.html
Simple MultiUser
Action: Simple password protection system that uses code inside the page to determine correct passwords.
Usage: Keep people off your restricted access pages.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="user1" && password=="password1") { window.location="demo-dest.html"; done=1;}
if (username=="user2" && password=="password2") { window.location="demo-dest.html"; done=1;}
if (done==0) { alert("Invalid login!");}
}
</SCRIPT>
<center>
<form name=login>
<table border=3 cellpadding=2 bgcolor="#1018BF" cellspacing="0">
<tr> <td colspan=2 bgcolor="#00007F"> <center>
<font color="#FFFFFF"><b><font size="+2"><font size="3">Members-Only Area!</font></font> </b> </font> </center>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Username:</b></font></td>
<td> <input type=text name=username>
</td>
</tr>
<tr> <td bgcolor="#00007F"><font color="#FFFFFF"><b>Password:</b></font></td>
<td> <input type=text name=password>
</td>
</tr>
<tr> <td colspan=2 align=center> <input type=button value="Login!" onClick="Login()">
</td>
</tr>
</table>
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>PLAY SOUNDS
1
<end node> 5P9i0s8y19Z
dt=
<node>MouseOVER/CLICK
2
http://www.wsabstract.com/script/script2/soundlink.shtml
onMouseover/onClick sound effect
.wav
Description: This is what you've been waiting for…a script that plays a sound when the mouse moves over certain links. It can be configured to initiate the sound only when someone clicks on the links as well (see footnote). The script works in BOTH NS and IE (in NS, the LiveAudio plugin must exist).
Directions:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 1: Add the following to the <head> section of your page:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script LANGUAGE="JavaScript"><!–
// Preload and play audio files with event handler (MouseOver sound)
// designed by JavaScript Archive, (c)1999
// Get more free javascripts at http://jsarchive.8m.com
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "laser.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
//–>
</script>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 2: Edit the aySound array to preload the sound files.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
aySound[0]="YourSoundFile.wav";
aySound[1]="AnotherSoundFile.wav";
aySound[2]="EvenAnotherOne.wav";
.
.
as many sound files as one wants.
Important! Please make sure the sound files exist, or else errors will occur.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Step 3: Finally, play the sound files with an event handler.
With a link:
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
– onMouseOver/onMouseOut sound: … http://jsarchive.8m.com/YourPage.html
<A HREF="YourPage.html" onMouseOver="playSound(0)" onMouseOut="stopSound(0)">Move mouse over to play sound</A>
= = =
– onClick sound: … javascript:playSound(1);
<A HREF="javascript:playSound(0);">Click here to play sound</A>
= = =
-With a button:
–
<INPUT TYPE="BUTTON" VALUE="Click me!" onClick="playSound(0)">
Note: playSound(0) plays the audio file of aySound[0]; playSound(1) will play aySound[1], etc.
<end node> 5P9i0s8y19Z
dt=
<node>Random Link Generator
1
Random Link Generator
Are you feeling, I don't know…. A little random? Then check out this random link generator! It randomly selects a URL from a pre-determined list and sends the user there!
= = = = = = = = = =
<!– ONE STEP TO INSTALL RANDOM LINK GENERATOR:
1. Paste the designated coding into the HEAD of the HTML document –>
<!– STEP ONE: Copy this code into the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function go_to(url) {
window.location=url;
}
function rand_link() {
var a;
a = 1+Math.round(Math.random()*3); // a = random number between 1-3
if (a==1) go_to("http://bgeffects.javascriptsource.com");
if (a==2) go_to("http://clocks.javascriptsource.com");
if (a==3) go_to("http://games.javascriptsource.com");
}
// End –>
</SCRIPT>
<!– STEP TWO: Paste this last code into the BODY of your HTML document –>
<BODY>
<CENTER>
<FORM NAME="myForm">
<INPUT TYPE="button" NAME="myButton" VALUE="Random link"
onClick="rand_link()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.00 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>Regular expressions
1
[social security]
^\d{3}-\d{2}-\d{4}$ without dashes ^\d{9}$
Common expressions
Date
/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/ mm/dd/yyyy
US zip code
/(^\d{5}$)|(^\d{5}-\d{4}$)/ 99999 or 99999-9999
Canadian postal code
/^\D{1}\d{1}\D{1}\-?\d{1}\D{1}\d{1}$/ Z5Z-5Z5 orZ5Z5Z5
Time
/^([1-9]|1[0-2]):[0-5]\d(:[0-5]\d(\.\d{1,3})?)?$/ HH:MM or HH:MM:SS or HH:MM:SS.mmm
IP Address(no check for alid values (0-255))
/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/ 999.999.999.999
Dollar Amount
/^((\$\d*)|(\$\d*\.\d{2})|(\d*)|(\d*\.\d{2}))$/ 100, 100.00, $100 or $100.00
Social Security Number
/^\d{3}\-?\d{2}\-?\d{4}$/ 999-99-9999 or999999999
Canadian Social Insurance Number
/^\d{9}$/ 999999999
<end node> 5P9i0s8y19Z
dt=
<node>slideshow
1
<script language="JavaScript1.1">
<!–
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//–>
<!–
//configure the paths of the images, plus corresponding target links
//slideshowimages("img1.gif", "img2.gif", "img3.gif")
//slideshowlinks("http://wsabstract.com", "http://dynamicdrive.com", "http://java-scripts.net")
slideshowimages("http://www.southcentralweldchamber.com/foothillssales/foothillssales.jpg", "http://www.southcentralweldchamber.com/lasalleliquor/Lasalle-liquor.jpg", "http://www.southcentralweldchamber.com/farmersinn/FarmersInn.jpg", "http://www.southcentralweldchamber.com/kblegacydesigns/kblegacyad.png", "http://www.southcentralweldchamber.com/dianeoldfield/candles.jpg", "http://www.southcentralweldchamber.com/firstbaptistchurch/First-pres-church.jpg", "http://www.southcentralweldchamber.com/freemansservice/freemantruck.jpg", "http://www.southcentralweldchamber.com/membershiplabels/Chamber-Card.jpg", "http://www.southcentralweldchamber.com/lasalleoil/Lasalle-oil.jpg", "http://www.southcentralweldchamber.com/coloradotown/colotownlogo.jpg", "http://www.southcentralweldchamber.com/townoflasalle/Splash.gif", "http://www.southcentralweldchamber.com/northvalleymiddleschool/North-Valley-MS.jpg", "http://www.southcentralweldchamber.com/reliantaccounting/Reliantaccounting.jpg", "http://www.southcentralweldchamber.com/ideasfromtheharrt/Ideas2.jpg", "http://www.southcentralweldchamber.com/fivestartturf/5star.jpg", "http://www.southcentralweldchamber.com/childhousechair/bizcard_web.jpg", "http://www.southcentralweldchamber.com/Y&M/Y&MReal Estate.png", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/gilcrestfarm.jpg", "http://www.southcentralweldchamber.com/tricountyautosales/tri-county-auto.jpg", "http://www.southcentralweldchamber.com/psicoaching/PSI-Coaching.jpg", "http://www.southcentralweldchamber.com/airxtreme/airxtreme.jpg", "http://www.southcentralweldchamber.com/townofplatteville/TOP.jpg", "http://www.southcentralweldchamber.com/valleypacking/valley-packing.jpg", "http://www.southcentralweldchamber.com/colowirecloth/CO-Wire2.jpg", "http://www.southcentralweldchamber.com/bankofchoice/Bank-of-Choice.jpg", "http://www.southcentralweldchamber.com/coloradoeastbank/BUILDING2.JPG", "http://www.southcentralweldchamber.com/valleyhighschool/VHS-Web.jpg", "http://www.southcentralweldchamber.com/pelicanlakeranch/PLR-Office-Scene.jpg")
slideshowlinks("http://www.southcentralweldchamber.com/psicoaching/", "http://www.southcentralweldchamber.com/membershiplabels/", "http://www.southcentralweldchamber.com/ideasfromtheharrt/", "http://www.southcentralweldchamber.com/bankofchoice/", "http://www.southcentralweldchamber.com/colowirecloth/", "http://www.southcentralweldchamber.com/gilcrestfarmsupply/", "http://www.southcentralweldchamber.com/townofplatteville/", "http://www.southcentralweldchamber.com/pelicanlakeranch/", "http://www.southcentralweldchamber.com/valleyhighschool/", "http://www.southcentralweldchamber.com/northvalleymiddleschool/", "http://www.southcentralweldchamber.com/fivestartturf/", "http://www.southcentralweldchamber.com/coloradotown/", "http://www.southcentralweldchamber.com/kblegacydesigns/", "http://www.southcentralweldchamber.com/coloradoeastbank/", "http://www.southcentralweldchamber.com/lasalleoil/", "http://www.southcentralweldchamber.com/farmersinn/", "http://www.southcentralweldchamber.com/firstbaptistchurch/", "http://www.southcentralweldchamber.com/foothillssales/", "http://www.southcentralweldchamber.com/freemansservice/", "http://www.southcentralweldchamber.com/lasalleliquor/", "http://www.southcentralweldchamber.com/townoflasalle/", "http://www.southcentralweldchamber.com/Y&M/", "http://www.southcentralweldchamber.com/tricountyautosales/", "http://www.southcentralweldchamber.com/valleypacking/", "http://www.southcentralweldchamber.com/airxtreme/", "http://www.southcentralweldchamber.com/reliantaccounting/", "http://www.southcentralweldchamber.com/dianeoldfield/", "http://www.southcentralweldchamber.com/childhousechair/") //configure the speed of the slideshow, in miliseconds
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//–>
</script>
********************
<!—– Add this line in the head ————->
<script language="javascript" src='slideshow.js'></script>
<!——— Add these lines in the body at desired Location of show —————–>
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide" border=0 width="345" ></a>
<script language="javascript" >slideit();</script>
<end node> 5P9i0s8y19Z
dt=
<node>with forward and previous
2
Script from the Headlines
OK, Let's start by placing your script tag between the head tags of your webpage.
<head>
<title>Alanna's JavaScript slide show tutorial</title>
<script language="JavaScript">
<!–
// –>
</script>
</head>
Next let's create a couple of global variables that we're going to need later on.
var interval = 1500;
var random_display = 0;
var imageDir = "my_images/";
The interval variable indicates the length of the pause we'll have between images. In JavaScript, 1000 is equal to one second, so I've set mine at 1.5 seconds.
The random_display variable tells the script whether we want our slide show to display our images in a random or sequential order. In this case, 0 is equal to sequential, 1 is equal to random.
Our imageDir variable will store the path name for our images so we'll only need to worry about the filename.
An Array of Arrays
Next we create an array of all the images we want in our slide show. An array is basically a list, and in our case, it will keep track of the image names as well as what number they are in the list.
For all the nitty, gritty details about JavaScript arrays, read Thau's array lesson.
For our array, let's create a variable to hold the image's number (or Index). We'll call that variable "imageNum" and assign it an initial value of 0. Keep in mind that JavaScript arrays start at 0, so the third item in the array has an index of 2, not 3.
Then we'll create a new array called "imageArray". We want the index to increase by one every time we add an image to the array. We can do that with imageNum++ (which is a JavaScript shorthand way of saying 'imageNum + 1') in the index brackets of the element in our new array. Then to have it equal a new element in the list, we'll call "imageItem". This contains the value of the variable "imageDir", which we've already created, plus the name of the image.
var imageNum = 0;
imageArray = new Array();
imageArray[imageNum++] = new imageItem(imageDir + "01.jpg");
Then just copy and paste that line, change the image names for each one, and we've got ourselves an array.
imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "05.jpg");
We need to know how many items we've got in our array, total, so let's create a variable called totalImages that's equal to the length of imageArray. We can do this with ".length", which is a handy property that's built into arrays.
var totalImages = imageArray.length;
Onward, Upward with Forward, Backward
We'll need to write a couple functions to tell the script what to use for each image's location. The first function below creates the image location, the second one returns the location.
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
Since we might want to display our images randomly. we need a function to generate some random index numbers for us.
function randNum(x, y) {
var range = y – x + 1;
return Math.floor(Math.random() * range) + x;
}
Get the Next Image
Now let's tell the script how to get the next image in the sequence. First, if we've chosen to display the images randomly, we make the imageNum equal to the random number, while making sure it's not more than the total number of images in the array.
If it's not random, we just increment the imageNum by 1. Then to make sure we don't go over the total number of images, we use the handy dandy modulus operator (%). This will give us a remainder of 1, as soon as we go over the total number, but will just return the incremented imageNum until then. So when we go over, we go back to the beginning! Neat huh?
function getNextImage() {
if (random_display) {
imageNum = randNum(0, totalImages-1);
}
else {
imageNum = (imageNum+1) % totalImages;
}
Now that we know which image to display, we just need to return the value:
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Adding a Previous Button
Since we've already done most of the work, let's add a couple of functions so the user can go both forwards and backwards through our slide show. First, let's assign a value by creating a getPrevNum variable. It's based on our getNextImage variable but I've changed the +1 to a -1.
function getPrevImage() {
imageNum = (imageNum-1) % totalImages;
var new_image = get_ImageItemLocation(imageArray[imageNum]);
return(new_image);
}
Then we'll add a function to call the right value for the new_image variable we've been using.
function prevImage(place) {
var new_image = getPrevImage();
document[place].src = new_image;
}
The switch image function
Phew, we're almost there! We'll now create a function that will tie all our hard work together. We'll call it switchImage, use the getNextImage function we just created, and use JavaScript's setTimeout method to change the image depending on what value we initialized in our "interval" variable.
function switchImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "switchImage('"+place+"')";
timerID = setTimeout(recur_call, interval);
}
Play Time!
We're done with the script part of our tutorial, all that remains is plugging the right stuff into our HTML.
Here's what your image tag should look like. Make sure you give it a name so the script will know which image you're talking about. I'll call ours "slideimg." Remember to change your height and width tags to the appropriate values or take them out if you're using images with different sizes.
<img name="slideImg" src="27.jpg" width=500 height=375 border=0>
Adding the Controls
To create a play button, use an onClick in an anchor tag. You don't have to be as boring as me here, you can wrap this anchor tag around any image you like, or just use a regular text link.
<a href="#" onClick="switchImage('slideImg')">play slide show</a>
I put the "#" in there so that it'll work on all browsers. Some browsers will ignore the anchor tag if there is no URL specified. The "switchImage" function calls the getNextImage function.
To pause our slide show, we can use JavaScript's built-in clearTimeout method, like so:
<a href="#" onClick="clearTimeout(timerID)"> pause</a>
Our previous button will look like this:
<a href="#" onClick="prevImage('slideImg'); clearTimeout(timerID)"> previous</a>
And for the Next button, I sort of cheated a bit. This starts up the switchImage function and then stops it again after it increments by 1.
<a href="#" onClick="switchImage('slideImg'); clearTimeout(timerID)">next </a>
Auto Start
If you'd like your slide show to start up as soon as the page loads (again, this might alienate your slower, dial-up users, so use with caution), just add an onLoad to your body tag, like this one.
<body onLoad="switchImage('slideImg')">
<end node> 5P9i0s8y19Z
dt=
<node>String
1
<end node> 5P9i0s8y19Z
dt=
<node> split Strings
2
<SCRIPT language="JavaScript">
<!–
function divide_string()
{
var where_is_mytool="home/mytool/mytool.cgi";
var mytool_array=where_is_mytool.split("/");
alert(mytool_array[0]+" "+mytool_array[1]+" "+mytool_array[2]);
}
//–>
</SCRIPT>
<FORM>
<INPUT TYPE="button" onClick="divide_string()" value="Go!">
</FORM>
<end node> 5P9i0s8y19Z
dt=
<node>length
2
var str = "Hello World!";
var n = str.length;
<end node> 5P9i0s8y19Z
dt=
<node>replace
2
Like php's replace
s = s.replace(",","");
var=var0.replace(/[^0-9$.,]/g, '')
<end node> 5P9i0s8y19Z
dt=
<node>Sentence Caps
2
http://www.x-developer.com/javascript/content/forms/sentence-caps/index.html
Sentence Caps Browser : ALL
Action: Capitalizes first letters of every sentence.
Usage: Saves time for a visitor when writing long text.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– ————————————————— –>
function capsLc(){
if (navigator.appVersion.substring(0,1)=="2"){
navOld();
}
else navNew();
}
function navOld(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
cmp=" "+wrd+" ";
if (tst.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
function navNew(){
txt=document.isn.caps.value+" ";
txt=txt.toLowerCase();
txtl="";
punc=",.?!:;)'";
punc+='"';
while ((txt.length>0)&&(txt.indexOf(" ")>-1)){
pos=txt.indexOf(" ");
wrd=txt.substring(0,pos);
wrdpre="";
if (punc.indexOf(wrd.substring(0,1))>-1){
wrdpre=wrd.substring(0,1);
wrd=wrd.substring(1,wrd.length);
}
cmp=" "+wrd+" ";
for (var i=0;i<9;i++){
p=wrd.indexOf(punc.substring(i,i+1));
if (p==wrd.length-1){
cmp=" "+wrd.substring(0,wrd.length-1)+" ";
i=9;
}
}
if (cmp.indexOf(cmp)<0){
ltr=wrd.substring(0,1);
ltr=ltr.toUpperCase();
wrd=ltr+wrd.substring(1,wrd.length);
}
txtl+=wrdpre+wrd+" "; txt=txt.substring((pos+1),txt.length);
}
ltr=txtl.substring(0,1);
ltr=ltr.toUpperCase();
txtl=ltr+txtl.substring(1,txtl.length-1);
document.isn.caps.value=txtl;
}
</script>
<FORM NAME="isn">
<center>
<INPUT TYPE="text" NAME="caps" SIZE=40 VALUE="">
<INPUT TYPE="button" NAME="html1" VALUE=" Submit " onClick="capsLc()">
</center>
</FORM>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>substring
2
<script type="text/javascript">var str="Hello world!"
document.write(str.substring(3,7))</script>
The output of the code above will be:
lo w
<end node> 5P9i0s8y19Z
dt=
<node>Text Initial Caps
2
http://www.x-developer.com/javascript/content/forms/text-initial-caps/index.html
Text Initial Caps Browser : ALL
Action: Converts every first letter to TOP caps.
Usage: Makes text easy to read.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<html>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<SCRIPT LANGUAGE="JavaScript">
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –>
<!– Original: W. H. (billy@technical-solutions.co.uk) –>
<!– ————————————————— –>
function changeCase(frmObj) {
var index;
var tmpStr;
var tmpChar;
var preString;
var postString;
var strlen;
tmpStr = frmObj.value.toLowerCase();
strLen = tmpStr.length;
if (strLen > 0) {
for (index = 0; index < strLen; index++) {
if (index == 0) {
tmpChar = tmpStr.substring(0,1).toUpperCase();
postString = tmpStr.substring(1,strLen);
tmpStr = tmpChar + postString;
}
else {
tmpChar = tmpStr.substring(index, index+1);
if (tmpChar == " " && index < (strLen-1)) {
tmpChar = tmpStr.substring(index+1, index+2).toUpperCase();
preString = tmpStr.substring(0, index+1);
postString = tmpStr.substring(index+2,strLen);
tmpStr = preString + tmpChar + postString;
}
}
}
}
frmObj.value = tmpStr;
}
</script>
<center>
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></body>
</html>
<end node> 5P9i0s8y19Z
dt=
<node>TABS
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!– This page is copyright Elated Communications Ltd. (www.elated.com) –>
<title>JavaScript tabs example</title>
<style type="text/css">
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
</style>
<script type="text/javascript">
//<![CDATA[
var tabLinks = new Array();
var contentDivs = new Array();
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
//]]>
</script>
</head>
<body onload="init()">
<h1>JavaScript tabs example</h1>
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
<div class="tabContent" id="advantages">
<h2>Advantages of tabs</h2>
<div>
<p>JavaScript tabs are great if your Web page contains a large amount of content.</p>
<p>They're also good for things like multi-step Web forms.</p>
</div>
</div>
<div class="tabContent" id="usage">
<h2>Using tabs</h2>
<div>
<p>Click a tab to view the tab's content. Using tabs couldn't be easier!</p>
</div>
</div>
<p><a href="/articles/javascript-tabs/">Return to the JavaScript Tabs article</a></p>
</body>
</html>
[end code — Start expalin
This tutorial shows how to create a Web page containing JavaScript-driven tabs. Each tab displays a separate chunk of content when clicked – perfect if your page needs to hold a large amount of content. It's also great for things such as multi-step ("wizard"-style) Web forms.
Click the link below to see a tabbed page in action:
JavaScript tabs screenshot
See JavaScript tabs in action
The JavaScript and markup are coded in such a way that the page degrades gracefully in browsers that don't support JavaScript.
In this tutorial you learn how this tabbed page is put together. You can then use the code and ideas to build your own tabbed Web pages. Let's get started!
Creating the HTML for the tabbed page
The HTML for the tabs and content is very simple. You store each tab's content within a div element with a class of tabContent and a unique id for reference. Here's the first of the 3 tab content divs in the example:
<div class="tabContent" id="about">
<h2>About JavaScript tabs</h2>
<div>
<p>JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.</p>
<p>The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.</p>
</div>
</div>
The tabs themselves are simply links within an unordered list:
<ul id="tabs">
<li><a href="#about">About JavaScript tabs</a></li>
<li><a href="#advantages">Advantages of tabs</a></li>
<li><a href="#usage">Using tabs</a></li>
</ul>
Give the ul an id of "tabs" so that the JavaScript code can locate it. Each link within the list links to its corresponding content div by referencing the id of the div ("about", "advantages", or "usage"). Since these are standard HTML links, they work fine even without JavaScript.
You can add as many tabs as you like to the page. Simply add a new content div and give it a unique id, then add a link to it within the tabs list.
Creating the CSS
Some CSS is needed in order to make the tabs look like tabs (and make them nice to look at):
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }
These CSS rules work as follows:
body
This sets a nice font and font size for the page.
ul#tabs
Styles the tabs list, turning off bullet points.
ul#tabs li
The display: inline; property makes the tabs appear across the page.
ul#tabs li a
Styles the links within the list. Each link is given a border around every side except the bottom, so that the active tab blends nicely with its content div below.
ul#tabs li a:hover
Highlights a tab when hovered over with the mouse.
ul#tabs li a.selected
Styles a selected tab by giving it a lighter background and bold text, and making it bigger. Notice that the bottom padding is increased to 0.38em to make sure that the tab blends with the content div.
div.tabContent
Sets a style for the tab content areas so that they match the tab design.
div.tabContent.hide
Used to hide unselected tabs.
Creating the JavaScript code
Finally, of course, you need JavaScript to make the tabs work. Here's what the JavaScript needs to do:
* Attach a showTab() onclick event handler to each of the tab links.
* Hide all content divs except the first, so that only the leftmost tab's content is visible when the page loads.
* When a tab is clicked, showTab() displays the current tab content, and hides all other tab content divs. It also highlights the clicked tab and dims the other tabs.
The JavaScript kicks off by creating two arrays to hold the tab link elements and the content divs:
var tabLinks = new Array();
var contentDivs = new Array();
Four functions control the tabs:
* init() sets up the tabs.
* showTab() displays a clicked tab's content and highlights the tab.
* getFirstChildWithTagName() is a helper function that retrieves the first child of a given element that has a given tag name.
* getHash() is another short helper function that takes a URL and returns the part of the URL that appears after the hash (#) symbol.
Here's how these functions work.
The init() function
The first, and most complex, function is init(). It's called when the page loads, thanks to the body element's onload event:
<body onload="init()">
Here's the function itself:
function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById('tabs').childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
var id = getHash( tabLink.getAttribute('href') );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = 'selected';
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
i++;
}
}
This function does 3 things:
1. It loops through all the li elements in the tabs unordered list. For each li element, it calls the getFirstChildWithTagName() helper function to retrieve the a link element inside. Then it calls the getHash() helper function to extract the part of the link's URL after the hash; this is the ID of the corresponding content div. The link element is then stored by ID in the tabLinks array, and the content div is stored by ID in the contentDivs array.
2. It assigns an onclick event handler function called showTab() to each tab link, and highlights the first tab by setting its CSS class to 'selected'.
3. It hides all content divs except the first by setting each div's CSS class to 'tabContent hide'.
So that init() runs when the page loads, make sure you register it as the body element's onload event handler:
<body onload="init()">
The showTab() function
showTab() is called whenever a tab link is clicked. It highlights the selected tab and shows the associated content div. It also dims all other tabs and hides all other content divs:
function showTab() {
var selectedId = getHash( this.getAttribute('href') );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = 'selected';
contentDivs[id].className = 'tabContent';
} else {
tabLinks[id].className = '';
contentDivs[id].className = 'tabContent hide';
}
}
// Stop the browser following the link
return false;
}
The function extracts the selected ID from the clicked link's href attribute and stores it in selectedId. It then loops through all the IDs. For the selected ID it highlights the corresponding tab and shows the content div; for all other IDs it dims the tab and hides the content div. It does all this by setting CSS classes on the tab links and content divs.
Finally the function returns false to prevent the browser from following the clicked link and adding the link to the browser history.
The getFirstChildWithTagName() function
This helper function returns the first child of a specified element that matches a specified tag name. init() calls this function to retrieve the a (link) element inside each list item in the tabs list.
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
The function loops through the child nodes of element until it finds a node that matches tagName. It then returns the node.
Learn about the childNodes and nodeName properties in the article Looking inside DOM page elements.
The getHash() function
The getHash() helper function returns the portion of a URL after any hash symbol. Used by init() and showTab() to extract the content div ID referenced in a tab link.
function getHash( url ) {
var hashPos = url.lastIndexOf ( '#' );
return url.substring( hashPos + 1 );
}
Putting it together
That's all there is to creating JavaScript-enabled tabs! Take another look at the demo again, and view the page source to see how the HTML, CSS and JavaScript code appear in the page:
* The CSS and JavaScript go inside the page's head element. (You can move these into separate .css and .js files and link to them, if you prefer.)
* The page's body element contains the onload event handler to trigger the init() function.
* The tabs ul element contains the tab links.
* Each tab's content is stored in a div with a class of tabContent and a unique id (referenced in the corresponding tab link).
Feel free to use this code in your own Web pages. Happy tabbing!
<end node> 5P9i0s8y19Z
dt=
<node>tool tips
1
http://www.walterzorn.com/tooltip/tooltip_e.htm#extensions
http://www.walterzorn.com/tooltip/extensions.htm
Example profiles/profile_form2.php on Norcowib.com
<body bgcolor="#ffffff">
<script type="text/javascript" src="../scripts/wz_tooltip.js"></script>
<script type="text/javascript" src="../scripts/tip_balloon.js"></script>
<script type="text/javascript" src="../scripts/tip_centerwindow.js"></script>
<script type="text/javascript" src="../scripts/tip_followscroll.js"></script>
onmouseover="Tip('Some text')" onmouseout="UnTip()"
How To Use The Script
1. Download the library
Download wz_tooltip.js and unzipp it.
DHTML: Tooltips via JavaScript
Top of page
2. Link wz_tooltip.js into the html file
Copy the following line to inside the BODY section, preferably immediately after the opening <body> tag:
<script type="text/javascript" src="wz_tooltip.js"></script>
If necessary, adapt the path 'src="wz_tooltip.js"' to the JavaScript file. Note: Use the downloaded file only, do not hardlink wz_tooltip.js from my site. Including the script at the beginning of the body section ensures that the tooltips are almost immediately functional, before loading the page has been finished.
3. Specify tooltip text inside onmouseover eventhandlers
Each of the html tags to display a tooltip requires an onmouseover and an onmouseout attribute like so:
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
That's all. No title attributes, no container DIV. As you can see, the text to be displayed must be enclosed with single quotes, and be passed to a function Tip(). Attention: Single quotes (apostrophes) inside the tooltip text each must be masked with a backslash. Example:
Tip('This text won\'t trigger a JavaScript error.');
The call of UnTip() in the onmouseout eventhandler is to hide the tooltip again.
Of course you may also use different eventhandlers for Tip() and/or UnTip().
<end node> 5P9i0s8y19Z
dt=
<node>TRANSITIONS
1
http://javascriptweenie.com/wacky/transitions/transitions.html
===
Occasionally something as cool and unusual as <blink> comes along and you just have to do it for a week or so. Transitions only work with IE right now but they are sure to find some real use as Web design imaginations are put to the task. This technique lets you add hokey transitions between pages – just like in the movies.
These are really easy to do. Basically you just add this single line of code somewhere between the<head> </head> tags of a page and you're done. Tucked in at the end of your other META tags it should look like this:
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">
The type of transition (wipe, fade, dissolve, etc.) is changed by changing the Transition=x number (instead of x, put in the number of the transition you want). Transition=5 would be a wipe down, Transition=12 would be a random dissolve and so on. Duration=x is how long it takes for the whole thing to do the twee little transition thing. It's set for four seconds as written. You can check out how each transition looks by clicking on the links below and enduring whatever cuteness we put on the pages to serve as examples.
Or even better, you can click here to start an automated presentation that runs through all the transitions one after the other. This is going to be very boring if you're using Netscape but very cool if you're using a late-model IE browser.
0 – Box in
1 – Box out
2 – Circle in
3 – Circle out
4 – Wipe up
5 – Wipe down
6 – Wipe right
7 – Wipe left
8 – Vertical blinds
9 – Horizontal blinds
10 – Checkerboard across
11 – Checkerboard down
12 – Random dissolve
13 – Split vertical in
14 – Split vertical out
15 – Split horizontal in
16 – Split horizontal out
17 – Strips left down
18 – Strips left up
19 – Strips right down
20 – Strips right up
21 – Random bars horizontal
22 – Random bars vertical
23 – Random
That's the whole deal. Don't miss the WackyPages.
Messing about with transitions, behaviors, wipes, fades, cool HTML 4 and DHTML effects.
DHTML, HTML 4, transitions – that's what we're fooling around with here. Works with IE only though.
<end node> 5P9i0s8y19Z
dt=
<node>UTITILIES
1
http://javascripts.earthweb.com/dlink.resource-jhtml.72.1746.|repository||webdev|content|software|2000|05|22|JS_27569|JS_27569~xml.0.jhtml?cda=true#
Hexadecimal Code Generator
Published 05/22/2000
By Hugh Dannatt
This is just a script that allows you to experiment with hexadecimal codes.
System Requirements:
Browser: Netscape or IE 3.0 or higher
License: freeware
Language: Javascript
= = = =
<!– This script has been in the http://www.javascripts.com Javascript Public Library! –>
<!– Note that though this material may have been in a public depository, certain author copyright restrictions may apply. –>
<HTML>
<HEAD><TITLE>Change the background color</TITLE>
<SCRIPT LANGUAGE=JavaScript>
function both() {
background()
swaptext()
}
function two() {
background()
textswap()
}
function background() {
var newcolor = document.change.color.value;
var oldcolor = document.bgColor;
document.bgColor = newcolor;
document.change.old.value = oldcolor;
}
function swaptext() {
document.change.style.color="FFFFFF";
}
function textswap() {
document.change.style.color="000000";
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<FORM NAME="change">
You want the new color to be: <INPUT NAME="color" TYPE="text"><INPUT TYPE="button" VALUE="Change Background" onClick="background()"><BR>
The old color was: <INPUT NAME="old" TYPE="text"><INPUT TYPE="button" VALUE="Change text" onclick="swaptext()" ondblclick="textswap()">
<INPUT TYPE="button" VALUE="Both" onclick="both()" ondblclick="two()"></FORM></P><BR><B><I>How to use:</I></B> Enter the hexadecimal
code for the background color that you want the page to be. Then press the 'Change Background' button. Watch what happens! If you find
the text unreadable because the the background has gone very dark, just click the 'Change text' button. Problem sorted! If you want to both
jobs at once, enter the background color, and then the 'Both' button, if you find that yu then change the background back toi something too light to see
the text against, but the 'Change Text' button is not doing anything try double clicking it. Also do this to sort out the same problem with the
'Both' button.
</BODY>
</HTML>
<!– Simba says Roar. –>
<end node> 5P9i0s8y19Z
dt=
<node>Windows
1
IT IS NOT POSSIBLE TO USE JAVASCRIPT TO OPEN A WINDOW THAT IS NOT CONSIDERED A POPUP. IT CAN BE DONE BY MANUAL LINKS THOUGH
<end node> 5P9i0s8y19Z
dt=
<node>"Regular" full screen window Opener
2
http://www.wsabstract.com/script/cut125.shtml
"Regular" full screen window Opener
Description: Opens up a window in regular full screen mode, with only the title bar present (Be sure to check out a variation of this script in the IE 4.x section that opens up a window in true full screen mode).
Directions: Insert the below into the <body> section of your page. Change the target url to your own.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<script>
<!–
/*Full screen window opener script: Written by Website Abstraction (www.wsabstract.com) More free scripts here*/
function winopen(){
var targeturl="../index.html"
newwin=window.open("","","scrollbars")
if (document.all){
newwin.moveTo(0,0)
newwin.resizeTo(screen.width,screen.height)
}
newwin.location=targeturl
}
//–>
</script>
<form>
<input type="button" onClick="winopen()" value="Open window">
</form>
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<end node> 5P9i0s8y19Z
dt=
<node>close
2
<a HREF="javascript:window.close()">
<end node> 5P9i0s8y19Z
dt=
<node>location.href
2
Target Window or Frame
Join the Discussion
Questions? Comments?
With an ordinary HTML link using the <a> tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript.
To target the top of the current page and break out of any frameset currently in use you would use <a href="page.htm" target="_top"> in HTML. In Javascript you use:
top.location.href = 'page.htm';
To target the current page or frame you can use <a href="page.htm" target="_self"> in HTML. In Javascript you use:
self.location.href = 'page.htm';
To target the parent frame you can use <a href="page.htm" target="_parent"> in HTML. In Javascript you use:
parent.location.href = 'page.htm';
To target a specific frame within a frameset you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
top.frames['thatframe'].location.href = 'page.htm';
To target a specific iframe within the current page you can use <a href="page.htm" target="thatframe"> in HTML. In Javascript you use:
self.frames['thatframe'].location.href = 'page.htm';
*******************************************************************
<script language="JavaScript">
function ChangeWindow() {
window.location = "subwind2.htm"
}
</script>
<h1>This is the first window!</h1>
<script language=javascript>
window.setTimeout("ChangeWindow()",5000)
</script>
[ssl check]
<script language="javascript">
if (document.location.protocol != "https:") {
document.location.href = "https://secure3.ntwebb.com/storeitwise-com/online_payment.html";
}
</script>
[Place in parent]
<script language="javascript">parent.location.href="pdf/FMLAposter909.pdf"</script>
<end node> 5P9i0s8y19Z
dt=
<node>mywindow.resizeTo
2
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– Begin
function customize(form) {
var address = document.form1.url.value;
var op_tool = (document.form1.tool.checked== true) ? 1 : 0;
var op_loc_box = (document.form1.loc_box.checked == true) ? 1 : 0;
var op_dir = (document.form1.dir.checked == true) ? 1 : 0;
var op_stat = (document.form1.stat.checked == true) ? 1 : 0;
var op_menu = (document.form1.menu.checked == true) ? 1 : 0;
var op_scroll = (document.form1.scroll.checked == true) ? 1 : 0;
var op_resize = (document.form1.resize.checked == true) ? 1 : 0;
var op_wid = document.form1.wid.value;
var op_heigh = document.form1.heigh.value;
var option = "toolbar="+ op_tool +",location="+ op_loc_box +",directories="
+ op_dir +",status="+ op_stat +",menubar="+ op_menu +",scrollbars="
+ op_scroll +",resizable=" + op_resize +",width=" + op_wid +",height="+ op_heigh;
var win3 = window.open("", "what_I_want", option);
var win4 = window.open(address, "what_I_want");
}
function clear(form) {
document.form1.wid.value="";
document.form1.heigh.value="";
}
// End –>
</SCRIPT>
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
<BODY>
<CENTER>
<h4>Please choose from the following selections to customize your window</h4>
<br>
<TABLE cellpadding=5 border><TR><TD><PRE>
<FORM name=form1 ACTION="javascript:" METHOD="POST">
<INPUT TYPE="text" NAME="url" value="http://www.geocities.com" >: URL
<INPUT TYPE="checkbox" NAME="tool">: Toolbar
<INPUT TYPE="checkbox" NAME="loc_box">: Location
<INPUT TYPE="checkbox" NAME="dir">: Directories
<INPUT TYPE="checkbox" NAME="stat">: Status
<INPUT TYPE="checkbox" NAME="menu">: Menubar
<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars
<INPUT TYPE="checkbox" NAME="resize">: Resizable
<INPUT TYPE="text" NAME="wid" value= >: Width
<INPUT TYPE="text" NAME="heigh" value=>: Height
<BR><CENTER>
<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">
<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">
</PRE></TD></TR></TABLE>
</FORM>
</CENTER>
*****************************************************************
This is a JavaScript that shows you different window dimensions. It helps you to customize your web pages with the dimensions that best compliment your web site.
——————————————————————————–
Default Netscape Browser sizes:
640 x 480
Mac = 470×300:
PC = 580×300:
800 x 600
Mac = 470×430:
PC = 580×430:
1024 x 768
Mac = 470×600:
PC = 580×600
– – – – – – – – – – – – – – – – –
<!– TWO STEPS TO INSTALL WINDOW SIZER:
1. Paste the first code into the HEAD of your HTML document –>
2. Copy the final coding into the BODY of your HTML document –>
<!– STEP ONE: Copy this code into the BODY of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function regular() {
window.open('window-sizer.html','640×480','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=640,height=480')}
function large() {
window.open('window-sizer.html','800×600','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=800,height=600')}
function smallmacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=300')}
function smallpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=300')}
function mediummacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=430')}
function mediumpcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=430')}
function largemacdefault() {
window.open('window-sizer.html','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=600')}
function largepcdefault() {
window.open('window-sizer.html','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=600')}
// End –>
</SCRIPT>
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
<BODY>
<FORM>
Open a window 640 x 480 pixels:
<INPUT TYPE=BUTTON VALUE="640×480" onClick="regular()">
<P>
Open a window 800 x 600 pixels:
<INPUT TYPE=BUTTON VALUE="800×600" onClick="large()"><P>
<HR>
<P>
Default Netscape Browser sizes:
<P>
<B>640 x 480</B>
<BR>
Mac = 470×300:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="smallmacdefault()">
<BR>
PC = 580×300:
<INPUT TYPE=BUTTON VALUE="PC" onClick="smallpcdefault()">
<P>
<B>800 x 600</B>
<BR>
Mac = 470×430:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="mediummacdefault()">
<BR>
PC = 580×430:
<INPUT TYPE=BUTTON VALUE="PC" onClick="mediumpcdefault">
<P>
<B>1024 x 768</B><BR>
Mac = 470×600:
<INPUT TYPE=BUTTON VALUE="Mac" onClick="largemacdefault()">
<BR>
PC = 580×600: <INPUT TYPE=BUTTON VALUE="PC" onClick="largepcdefault()">
<P>
<P>
<HR>
<P>
Close this Window:
<INPUT TYPE=BUTTON VALUE="Close"
onClick="window.close()">
</FORM>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 2.79 KB –>
*******************************
// Set height and width
var NewWinHeight=200;
var NewWinWidth=200;
// Place the window
var NewWinPutX=10;
var NewWinPutY=10;
//Get what is below onto one line
TheNewWin =window.open("untitled.html",'TheNewpop',
'fullscreen=yes,toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=no');
//Get what is above onto one line
TheNewWin.resizeTo(NewWinHeight,NewWinWidth);
TheNewWin.moveTo(NewWinPutX,NewWinPutY);
<!– TWO STEPS TO INSTALL HTML PREVIEW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– Original: nsabs@1nsyncfan.com –>
<!– Web Site: http://www.envy.nu/gjelly –>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function displayHTML(form) {
var inf = form.htmlArea.value;
win = window.open(", ", 'popup', 'toolbar = no, status = no');
win.document.write("" + inf + "");
<SCRIPT LANGUAGE=javascript>
window.resizeTo(200, 200)
window.location="http://www.microsoft.com"
</SCRIPT>
}
// End –>
</script>
</HEAD>
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
<BODY>
<form>
<textarea name="htmlArea" cols=45 rows=6>
</textarea>
<br>
<input type="button" value=" view " onclick="displayHTML(this.form)">
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.07 KB –>
<end node> 5P9i0s8y19Z
dt=
<node>POP-UP Window
2
function LoadPopup(file,x,y){
PopWindow=window.open(file, 'PopWindow',"toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width="+y+",height="+x+",left=2,top=2");
return false;
}
<A HREF='#' onclick="LoadPopup('index.php',800,800);">
********************************
<a href="#" onClick="MyWindow=window.open('http://www.yahoo.com','MyWindow','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=400,height=300,left=20,top=20'); return false;">open window</a>
*******************************************************************************
<!– TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document –>
<!– STEP ONE: Paste the first code in the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End –>
</script>
<!– STEP TWO: Add the last coding to the BODY of your HTML document –>
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<!– Or you may use: <a href="javascript:win()">Open Window</a> –>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!– Script Size: 1.25 KB –>
*******************************************************
Target pop-ups
To avoid a proliferation of pop-up windows, it's often a good idea to load multiple files into one pop-up. Here's how to target the same pop-up window with multiple files.
In the initial window-opening function (you can use the Window builder Cool Tool to generate this), make sure to pass the URL and name as parameters:
= = =
function openWindow(url, name) {
popupWin = window.open(url, name, "width=300,height=200");
}
= = =
Each time you want a file to open in a particular remote window, pass the same name for the value of the name parameter. For example, say you want three separate links to open up three separate files in the same pop-up window. The code might look like this:
= = =
<a href="javascript:openWindow('moe.html',
'stoogeWin')">Moe</a>,
<a href="javascript:openWindow('larry.html',
'stoogeWin')">Larry</a>,
<a href="javascript:openWindow('curly.html',
'stoogeWin')">Curly</a>
= = =
If you pass in a different name, the file will open in a new window instead of reusing the existing window.
<end node> 5P9i0s8y19Z
dt=
<node>print page
2
<form>Click Here To <input type=button name=print value='Print' onClick='javascript:window.print()'> This Page!</form>
****************************************************
<SCRIPT LANGUAGE="JavaScript">
<!– Begin
if (window.print) {
document.write('<form>Click Here To '
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"> This Page!</form>');
}
// End –>
</script>
<end node> 5P9i0s8y19Z
dt=
<node>Window Closer
2
http://www.x-developer.com/javascript/content/buttons/window-closer/index.html
Window Closer
Action: Closes your windowafter the button is pressed.
Usage: Save time and closewindows without looking for CLOSE button inyour browser window
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
<HTML>
<head>
</head>
<BODY bgcolor="#FFFFCC">
<center>
<form>
<!– Please do not remove these comments. Thank you! –>
<!– 1000's of best scripts for you: www.x-developer.com –> <!– ————————————————— –> <input type=button value="Close Window" onClick="javascript:window.close();">
</form>
</center>
<p><center><font size="1" face="arial, helvetica, sans-serif">1000's of JavaScripts by <a href="http://www.x-developer.com" target="new">X-Developer</a></font><p></center></BODY>
</HTML>
<end node> 5P9i0s8y19Z
dt=
<node>window.location
2
window.location = 'http://www.yourdomain.com'
<end node> 5P9i0s8y19Z
dt=
<node>window.location.reload
2
REFREST THE CURRENT PAGE
<script language="JavaScript1.2">
<!–
function refresh()
{
window.location.reload( false );
}
//–>
</script>
<end node> 5P9i0s8y19Z
dt=
<node>window.open
2
<script language='javascript'>
myWindow=window.open('http://www.jkryan.globalprobuilder.com','newpage');
myWindow.focus();
location.href='$urlreturn';
</script>";
OR
<script>
myWindow=window.open("https://2000bestfriends.org/sign-up.php");
myWindow.blur();
window.focus();
</script>
************************
Window Position
Do you not where window.open() opens your new windows? Using this JavaScript, you can actually have the new window open wherever you want! Look at our example to see what we mean! Really neat!
——————————————————————————–
<!– TWO STEPS TO INSTALL WINDOW POSITION:
1. Paste the first code in the HEAD of your HTML document
2. Add the last coding to the BODY of your HTML document –>
<!– STEP ONE: Paste the first code in the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Begin
function win() {
msg=window.open("","msg","height=200,width=200,left=80,top=80");
msg.document.write("<html><title>Windows!</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>page content here</center>");
msg.document.write("</body></html><p>");
// If you just want to open an existing HTML page in the
// new window, you can replace win()'s coding above with:
// window.open("page.html","","height=200,width=200,left=80,top=80");
}
// End –>
</script>
<!– STEP TWO: Add the last coding to the BODY of your HTML document –>
<BODY>
<body bgcolor="white">
<center>
<form>
<input type="button" value="Open Window" onclick="win()">
</form>
</center>
<end node> 5P9i0s8y19Z
dt=
<node>window.scrollTo
2
onLoad="javascript:window.scrollTo(0,400);"
OR
<script language='javascript'> window.scrollTo(0,300); </script>
at the end of the page. CANNOT USE INSIDE OF A TABLE
function Scrolldown() {
window.scroll(0,300);
}
<script type="text/javascript">
var a = 5;
alert("hello world. The value of a is: " + a);
</script>
<end node> 5P9i0s8y19Z
dt=
<node>Write to a Window
2
open() and close(): write to a window
When you use document.write() to load content dynamically into a pop-up window, you may not always get the output you expected. To avoid this, remember to open the document before you begin writing to it and to close it after you're done:
popupWin = window.open("", "remote", "width=300,height=400");
// open document to begin writing to it
popupWin.document.open();
popupWin.document.write('<HTML><HEAD><TITLE>'
+ '</TITLE></HEAD><BODY bgcolor="#ffffff">'
+ 'your text here'
+ '</BODY></HTML>');
// close document when finished writing to it
popupWin.document.close();
<end node> 5P9i0s8y19Z