BACK TO FREE JAVASCRIPTS
DATE MODIFICATION
<!-- BORN ON DATE: Let your users know if your site has changed since their last visit --> <BODY> <CENTER> <TABLE border=2 cellspacing=0 cellpadding=3> <TR><TD bgcolor="#000044"> <FONT color="#4400ff" face=georgia,arial size=+1> <CENTER> <SCRIPT LANGUAGE="JavaScript"> <!-- document.write(document.title); //--> </SCRIPT> </TD></TR> <TR><TD bgcolor="#336699"> <FONT size=-1 color="#66ccff" face="trebuchet MS","arial"> <FONT color="#66ccff">Born on:</font> <!-- Put the page creation date, here. --> May 11, 1979 <BR> <SCRIPT LANGUAGE="JavaScript"> <!-- 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(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=66ccff>" + "Last updated: "+ "</font>" +document.lastModified); document.write(""); if (!(cookie_date == GetCookie("cookie_date"))){ SetCookie("cookie_date",cookie_date,expdate); document.write("<font color='#66ccff'><br>Site has changed since last visit!</font><br>"); } // End --> </SCRIPT> </FONT> </TD></TR> </TABLE> </CENTER>
HOW OLD
<!-- Page Age Script This script will display to your users how long in years, months, days your site has been active --> <SCRIPT LANGUAGE="JavaScript"> function DateEstablished(startmonth, startdate, startyear) { sdate=startdate; smonth=startmonth-1; syear=startyear; var DaysInMonth = new Array(31,28,31,30,31,30,31,31,30,31,30,31); today = new Date() var thisyear = today.getFullYear(); var thismonth = today.getMonth(); var thisdate = today.getDate(); mstart = new Date(syear,(smonth==12?1:smonth+1),1); days1 = (mstart - new Date(syear,smonth,sdate))/(24*60*60*1000)-1; mend = new Date(thisyear,thismonth,1); days2 = (new Date(thisyear,thismonth,thisdate) - mend)/(24*60*60*1000)+1; dayst = days1 + days2; if (dayst >= DaysInMonth[smonth]) { AddOneMonth = 1; dayst -= DaysInMonth[smonth]; } else AddOneMonth = 0; ydiff1 = thisyear-mstart.getFullYear(); mdiff1 = thismonth-mstart.getMonth()+AddOneMonth; if (mdiff1 >11) { mdiff1=0; ydiff1++; } if (mdiff1 < 0) { mdiff1 = mdiff1 + 12; ydiff1--; } temp = (ydiff1==0?"":(ydiff1==1?ydiff1+" year and ":ydiff1 + " years, ")); temp += (mdiff1==0?"0 months, and ":(mdiff1==1?mdiff1+" month, and ":mdiff1+" months, and ")); temp += (dayst==0?"no days":(dayst==1 ? " 1 day." : dayst + " days." )); return temp; } </script> <!-- Copy this into the BODY of your HTML document --> <SCRIPT LANGUAGE="JavaScript"> document.write("My Website has been in existence for "); document.write("<font color=red>"); document.write(DateEstablished(06,09,69)); // Enter the dates your site was created. day,month,year document.write("</font>"); </script>
CALCULATOR
<!-- Start of CoffeeCup Calculator Script --> <!-- A Simple Calculator --> <!-- Instructions: Just put this script anywhere on your webpage between the body tags and you will have a calculator for your visitors! --> <!-- Script supplied with Free JavaScripts --> <!-- webmasters.orgfree.com --> <CENTER> <FORM name="Keypad" action=""> <TABLE> <B> <TABLE border=2 width=50 height=60 cellpadding=1 cellspacing=5> <TR> <TD colspan=3 align=middle> <input name="ReadOut" type="Text" size=24 value="0" width=100%> </TD> <TD </TD> <TD> <input name="btnClear" type="Button" value=" C " onclick="Clear()"> </TD> <TD><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"> </TD> </TR> <TR> <TD> <input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"> </TD> <TD> <input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"> </TD> <TD> <input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"> </TD> <TD> </TD> <TD> <input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"> </TD> <TD> <input name="btnPercent" type="Button" value=" % " onclick="Percent()"> </TD> </TR> <TR> <TD> <input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"> </TD> <TD> <input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"> </TD> <TD> <input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"> </TD> <TD> </TD> <TD align=middle><input name="btnPlus" type="Button" value=" + " onclick="Operation('+')"> </TD> <TD align=middle><input name="btnMinus" type="Button" value=" - " onclick="Operation('-')"> </TD> </TR> <TR> <TD> <input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"> </TD> <TD> <input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"> </TD> <TD> <input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"> </TD> <TD> </TD> <TD align=middle><input name="btnMultiply" type="Button" value=" * " onclick="Operation('*')"> </TD> <TD align=middle><input name="btnDivide" type="Button" value=" / " onclick="Operation('/')"> </TD> </TR> <TR> <TD> <input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"> </TD> <TD> <input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"> </TD> <TD colspan=3> </TD> <TD> <input name="btnEquals" type="Button" value=" = " onclick="Operation('=')"> </TD> </TR> </TABLE> </TABLE> </B> </FORM> </CENTER> <font face="Verdana, Arial, Helvetica" size=2> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var FKeyPad = document.Keypad; var Accumulate = 0; var FlagNewNum = false; var PendingOp = ""; function NumPressed (Num) { if (FlagNewNum) { FKeyPad.ReadOut.value = Num; FlagNewNum = false; } else { if (FKeyPad.ReadOut.value == "0") FKeyPad.ReadOut.value = Num; else FKeyPad.ReadOut.value += Num; } } function Operation (Op) { var Readout = FKeyPad.ReadOut.value; if (FlagNewNum && PendingOp != "="); else { FlagNewNum = true; if ( '+' == PendingOp ) Accumulate += parseFloat(Readout); else if ( '-' == PendingOp ) Accumulate -= parseFloat(Readout); else if ( '/' == PendingOp ) Accumulate /= parseFloat(Readout); else if ( '*' == PendingOp ) Accumulate *= parseFloat(Readout); else Accumulate = parseFloat(Readout); FKeyPad.ReadOut.value = Accumulate; PendingOp = Op; } } function Decimal () { var curReadOut = FKeyPad.ReadOut.value; if (FlagNewNum) { curReadOut = "0."; FlagNewNum = false; } else { if (curReadOut.indexOf(".") == -1) curReadOut += "."; } FKeyPad.ReadOut.value = curReadOut; } function ClearEntry () { FKeyPad.ReadOut.value = "0"; FlagNewNum = true; } function Clear () { Accumulate = 0; PendingOp = ""; ClearEntry(); } function Neg () { FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1; } function Percent () { FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accumulate); } // End --> </SCRIPT>
MOVEABLEMENU
<!-- Floating Menu A Cool Floating Menu Script Great for remote controls --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function VersionCheck() { var x = navigator.appVersion; y = x.substring(0,4); if (y>=4) setVariables();moveOB(); } function setVariables() { if (navigator.appName == "Netscape") { h=".left=";v=".top=";dS="document.";sD=""; } else{ h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style"; } objectX="object11" XX=-70; YY=-70; OB=11; } function setObject(a) { objectX="object"+a; OB=a; XX=eval("xpos"+a); YY=eval("ypos"+a); } function getObject() { if (isNav) document.captureEvents(Event.MOUSEMOVE); } function releaseObject() { if (isNav) document.releaseEvents(Event.MOUSEMOVE); check="no"; objectX="object11"; document.close(); } function moveOB() { eval(dS + objectX + sD + h + Xpos); eval(dS + objectX + sD + v + Ypos); } var isNav = (navigator.appName.indexOf("Netscape") !=-1); var isIE = (navigator.appName.indexOf("Microsoft") !=-1); nsValue=(document.layers); check="no"; function MoveHandler(e) { Xpos = (isIE) ? event.clientX : e.pageX; Ypos = (nsValue) ? e.pageY : event.clientY; if (check=="no") { diffX=XX-Xpos; diffY=YY-Ypos; check="yes"; if (objectX=="object11") check="no"; } Xpos+=diffX; Ypos+=diffY; if (OB=="1") xpos1=Xpos,ypos1=Ypos; moveOB(); } if (isNav) { document.captureEvents(Event.CLICK); document.captureEvents(Event.DBLCLICK); } xpos1=50; // make this the left pixel value for object1 below ypos1=50; // make this the top pixel value for object1 below xpos11 = -50; ypos11 = -50; Xpos=5; Ypos=5; document.onmousemove = MoveHandler; document.onclick = getObject; document.ondblclick = releaseObject; // End --> </script> </HEAD> <!-- Insert the onLoad in your body tag --> <BODY OnLoad="VersionCheck()"> <!-- Copy this code into the BODY of your HTML document --> <b>Click once on "Move Menu" to pick<br> it up and Double Click to drop</b> <br> <div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2"> <table border=1 cellpadding=5> <tr> <td bgcolor="#eeeeee"><a href="javascript:void(0)" onmousedown="setObject(1)">Move Menu</a></td> </tr> <tr> <td> <br> <A HREF="javascript:void(0)">Menu Item # 1</A><br> <A HREF="javascript:void(0)">Menu Item # 2</a><br> <A HREF="javascript:void(0)">Menu Item # 3</a> </td> </tr> </table> </div> <div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"> </div>
