E-Mail Form

امکان ارسال ایمیل

<!-- Start of E-Mail Form JavaScript--> <!-- DESCRIPTION: This will send you an e-mail with whatever your visitor enters in the fields. INSTRUCTIONS: Place this entire script where you want the form to show up on the page. You can change the values (Name, E-mail, Phone, etc.) Just be sure to change that fields value in the script. See where is says, "document.ccform.name.value", that is for the input field "name". BE SURE TO CHANGE THE E-MAIL ADDRESS BELOW. Currently it's at 'you@yourprovider.com'. FUNCTIONALITY: Works in both Netscape and IE. ONLY WORKS IF THE VISITOR HAS THEIR E-MAIL SET UP ON THEIR BROWSER. --> <SCRIPT LANGUAGE=JavaScript> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- if (navigator.appVersion.lastIndexOf('Win') != -1) { dropline = "\r\n" } else { dropline = "\n" } function coffeemsg(form) { document.ccform.Message.value = ( ' ' + dropline + dropline + '-----CoffeeCup AutoMated E-Mail Form---START----- ' + dropline + dropline + dropline + 'Name : ' + document.ccform.name.value + dropline + 'Phone : ' + document.ccform.phone.value + dropline + 'Subject : ' + document.ccform.subject.value + dropline + 'E-mail : ' + document.ccform.email.value + dropline + 'Message: ' + document.ccform.message.value + dropline + dropline + '-----CoffeeCup AutoMated E-Mail Form----END------ ' + dropline + dropline + 'E-Mail Form JavaScript by:' + dropline + 'http://www.coffeecup.com' + dropline + dropline + dropline + ' FIELD VALUES: ' + dropline + ' ' + dropline ); } // --> </SCRIPT> <FORM name="ccform" method="post" action="mailto:you@yourprovider.com?subject=Message" enctype="text/plain"> <INPUT type=hidden name="Message"> <FONT FACE="VERDANA, ARIAL"><B>Name:</B></FONT><P> <INPUT type="text" size=25 name="name" onChange="coffeemsg()"> <P> <FONT FACE="VERDANA, ARIAL"><B>Phone:</B><P> <INPUT type="text" size=25 name="phone" onChange="coffeemsg()"> <P> <FONT FACE="VERDANA, ARIAL"><B>Email:</B></FONT><P> <INPUT type="text" size=25 name="email" onChange="coffeemsg()"> <P> <FONT FACE="VERDANA, ARIAL"><B>Subject:</B></FONT><P> <INPUT type="text" size=25 name="subject" onChange="coffeemsg()"> <P> <FONT FACE="VERDANA, ARIAL"><B>Message:</B></FONT><P> <TEXTAREA rows=5 cols=45 wrap="auto" name=message onChange="coffeemsg()">

 Scrolling alert button

 دکمه ای در حال حرکت

<!--This is a scrolling alert button. This example is for mail, but if you change the action = to a URL, it will also go to a site. Make sure to reflect the words on your scroll to match where you are taking them--> <form name="form2" action=mailto:saman_golestani@yahoo.com> <input type="submit" name="banner" VALUE=".......Submit......." onClick="alert('Here We go !')"> <br> </form> <script language="JavaScript"> // Modified by CoffeeCup Software var id,pause=0,position=0; function banner() { // variables declaration var i,k,msg=" Mail Mail MAil Mail MAil"; // increase msg k=(60/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; // show it to the window document.form2.banner.value=msg.substring(position,position+60); // set new position if(position++==msg.length) position=0; // repeat at entered speed id=setTimeout("banner()",150); } // end --> banner(); </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 CoffeeCup HTML Editor --> <!-- www.coffeecup.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>

 Fade In and Out

 نمایش زیبای متن ها

<!-- Start of Fade In and Out JavaScript--> <!-- Place this entire script into a new webpage and then work off the example. Do not --> <!-- try to incorporate into an existing webpage, else you may disrupt the Script --> <!-- Script supplied with CoffeeCup HTML Editor --> <!-- www.coffeecup.com --> <HTML> <HEAD> <style type="text/css"> <!-- #fadeMe01 { position: absolute; visibility: visible; width: 410px } #fadeMe02 { position: absolute; visibility: visible; width: 400px } .content { font: 16pt Verdana, Arial, Helvetica; width: 400px; text-align: center } .content1 { font: 16pt Verdana, Arial, Helvetica; width: 400px; text-align: center } .small { font: 6pt Verdana, Arial, Helvetica; width: 400px; text-align: center } b { font-weight: bold } a { text-decoration : none } // --> </style> <script type="text/javascript" language="javascript"> <!-- var idme=908601; var convert = new Array(); var hexbase = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); var value=0; var rgb; for (x=0; x<16; x++) for (y=0; y<16; y++) { convert[value] = hexbase[x] + hexbase[y]; value++; } var timerID = null, timerRunning = false; function stopClock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false } var layers = document.layers; var style = document.all; var both = layers || style; if (layers) { layerRef = 'document.layers'; styleRef = ''; } if (style) { layerRef = 'document.all'; styleRef = '.style'; } function moveLayer(obj, topx, leftx) { if (both) { eval(layerRef + '["'+obj+'"]' + styleRef + '.top = topx'); eval(layerRef + '["'+obj+'"]' + styleRef + '.left = leftx'); } } var s1, s2, s3, s2r, s2g, s2b, smallest; function hexToDec(hex) { var value=0; while (true) { if (convert[value] == hex) break; value++; } return value; } function writeOn(obj, str) { if (layers) with (document[obj]) { document.open(); document.write(str); document.close(); } if (style) { eval(obj+'.innerHTML= str'); } } function changeColor(obj, str, rgb1, speed, counter) { if (counter < smallest) { stopClock(); if (layers) with (document[obj]) { document.open(); document.linkColor = rgb1; document.fgColor = rgb1; document.write(str); document.close(); } if (style) { eval(obj+'.document.linkColor= rgb1'); eval(obj+'.innerHTML= "<font color="+rgb1+">"+str+"<\/font>"'); // eval(layerRef + '["'+obj+'"]' + styleRef + '.color= rgb1'); } s2r+=s1; s2g+=s2; s2b+=s3; tempR = Math.round(s2r); tempG = Math.round(s2g); tempB = Math.round(s2b); if (tempR <= 0) tempR = 0; if (tempG <= 0) tempG = 0; if (tempB <= 0) tempB = 0; if (tempR >= 255) tempR = 255; if (tempG >= 255) tempG = 255; if (tempB >= 255) tempB = 255; rgb1 = convert[tempR] + convert[tempG] + convert[tempB]; counter++; timerID = setTimeout('changeColor("'+obj+'", "'+str+'", "'+rgb1+'", '+speed+', '+counter+')', speed); timerRunning = true; } } function fadeText(obj, str, rgb1, rgb2, speed, step) { var r1, g1, b1, r2, g2, b2; for (cnt=1; cnt<=2; cnt++) { eval('r'+cnt+' = hexToDec(rgb'+cnt+'.slice(0,2));'); eval('g'+cnt+' = hexToDec(rgb'+cnt+'.slice(2,4));'); eval('b'+cnt+' = hexToDec(rgb'+cnt+'.slice(4,6));'); } with (Math) { s2r = r1; s2g = g1; s2b = b1; s1 = abs(r1 - r2); s2 = abs(g1 - g2); s3 = abs(b1 - b2); if (s1 > s2 && s1 > s3) { smallest = s1; } else if (s2 > s1 && s2 > s3) { smallest = s2; } else { smallest = s3; } s1 = (s1 == 0) ? 0 : s1/smallest; s2 = (s2 == 0) ? 0 : s2/smallest; s3 = (s3 == 0) ? 0 : s3/smallest; s1*=step; s2*=step; s3*=step; if (r1 > r2) { s1 = -s1; } if (g1 > g2) { s2 = -s2; } if (b1 > b2) { s3 = -s3; } smallest= Math.round(smallest/step); } if (both) { changeColor(obj, str, rgb1, speed, 0); } else { document.write("Err. for some reason you tried viewing this page with a browser that doesn`t support javascript/CSS block support"); } } function getMid() { tvAgent = navigator.userAgent; if (layers) { maxX = innerWidth; maxY = innerHeight; } if (style) { maxX = document.body.clientWidth; maxY = document.body.clientHeight; } if (tvAgent.indexOf("WebTV") != -1) { maxX = 544; maxY = 378; } midX = maxX/2; midY = maxY/2; } function layout() { getMid(); moveLayer('fadeMe01', midY-50, midX-200); fadeText("fadeMe01", "<span class="content">NOW PRESENTING</span><div class="small">by popular demand</div>", "000000", "CCCCCC", 10, 2); setTimeout('fadeText("fadeMe01", "<span class=content>FADE IN AND OUT JavaScript</span><div class=small>A neat JavaScript</div>", "CCCCCC", "000000", 10, 4)',8000); setTimeout('fadeText("fadeMe01", "<div class=small>A</div><span class="content">It is COOL</span>", "000000", "CCCCFF", 10, 2)',12000); setTimeout('fadeText("fadeMe01", "<div class=small>A</div><span class="content">Easy to Use</span>", "CCCCFF", "000000", 10, 4)',20000); setTimeout('moveLayer("fadeMe01", midY-100, midX-200)',24000); setTimeout('moveLayer("fadeMe02", midY-60, midX-200)',24000); setTimeout('fadeText("fadeMe01", "<span class=content>This line could be Sentence Line 1.</span>", "000000", "CCCCFF", 10, 4)',26000); setTimeout('fadeText("fadeMe02", "<span class=content>Sentence Line 2.</span>", "000000", "9999FF", 10, 4)',32000); setTimeout('fadeText("fadeMe01", "<span class=content>Sentence Line 3.</span>", "CCCCFF", "FF0000", 10, 4)',36000); setTimeout('fadeText("fadeMe02", "<span class=content>Imagine the envy your friends will feel.</span>", "9999FF", "99FF33", 10, 4)',40000); setTimeout('fadeText("fadeMe02", "<span class=content>Sentence Line 5.</span>", "99FF33", "CCCCCC", 10, 4)',44000); setTimeout('fadeText("fadeMe02", "<span class=content>You can now make neat looking text displays.</span>", "CCCCCC", "000000", 10, 4)',48000); setTimeout('fadeText("fadeMe02", "<span class=small>Sentence Line 7.</div>", "000000", "CCCCCC", 10, 4)',52000); setTimeout('fadeText("fadeMe01", "<span class=content>-END-</div>", "000000", "FF0000", 10, 4)',57500); } // --> </script> </HEAD> <BODY BGCOLOR="#000000" text="#CCCCCC" link="#FFFFFF" vlink="#FFFFFF" onload="layout()"> <div id=fadeMe01></div> <div id=fadeMe02></div> <noscript> Silly! you'll need to have javascript enabled and you must have <a href="http://www.microsoft.com/">Internet Explorer 4</a> or <a href="http://developer.netscape.com">Netscape Navagitor 4</a> or <a href="http://developer.webtv.net">WebTV</a>(?) for this script to work. </noscript> </BODY> </HTML> <!-- End of Fade In and Out JavaScript-->

 Fading Background

 تغییر رنگ پشت صفحه بر اساس کد رنگ

<!-- Start Of Fading Background Script --> <!-- Instructions: Just put this script on your webpage and the background color will change with a display of what the current hex code is. --> <!-- Script supplied with CoffeeCup HTML Editor --> <!-- www.coffeecup.com --> <SCRIPT Language = "JavaScript"> start = new Date(); minstart = start.getMinutes() secstart = start.getSeconds() function brighter(){ var now = new Date(); var seconds = now.getSeconds(); var minutes = now.getMinutes(); var base = "00"; var color = 1000; var interval = 103; var sec= interval * (seconds - secstart); var min= 60 * interval * (minutes - minstart); var add= color + min + sec; total= base + add; if (add>=9999) {secstart = seconds; minstart = minutes} document.bgColor = total; setTimeout("brighter()", 1000); document.coffeeform.cc.value = total; } </script> </HEAD> <body onLoad = "brighter()" text="white" LINK="C0C0C0" VLINK="C0C0C0"> <form name="coffeeform"> <P>This is the hex code of the current background color <input name = "cc" type="text" size="7"> </form>

 horizontal scroll - n

 برای حرکت از راست به جپ اسکرول

<!-- DESCRIPTION: This will make your webpage slide to the right automatically upon loading of the webpage. INSTRUCTIONS: Place this script in the HEAD tags of your webpage. Place your message (WITHOUT ANY SPACES OR BREAKS) in the page below the BODY tag. Sentences must be continuous or the script will not work. (Example: Hi.....this....is....a...continuous...sentence..) If you find the script stopping before it finishes your sentence, change the H<=4000 variable to a larger number. FUNCTIONALITY: Works only in NETSCAPE. --> <HEAD> <SCRIPT Language="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. <!-- function coffeeit(){ for (H=0; H<=3000; H++){ parent.scroll(H,0) } } //--> </SCRIPT> </HEAD> <BODY OnLoad="coffeeit()" BGCOLOR=#000000 TEXT=#FFFFFF LINK=#FF0000 VLINK=#FF0000 ALINK=#FF0000> <P><P><P><BR><BR><BR><P><P><P><BR><BR><BR><P><P><P><P><BR><BR><BR><P><P><P> <FONT SIZE=5 FACE=ARIAL BLACK>...................................................................This..Javascript..allows..the..user..to..slide..through..your..webpage.....You..can..also..end..it..with..a..<A HREF="http://www.saman-golestani.tripod.com/">link</A>..!</FONT>

Notepad 

 برای نمایش متن متحرک در نوت پد

<!-- A Script that types in a box that looks like notepad very cool The speed of the typing can be adjusted by raising or lowering the number in the setTimeout function. --> <script language="JavaScript"> function makeArray() { this.length = makeArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i] } var fArray = new makeArray; fArray[0]="Message 1 goes here. " fArray[1]="Message 2 goes here. " fArray[2]="Message 3 goes here. " fArray[3]="Message 4 goes here. " var x = 1; var y = 0; var msg1 = fArray[y]; function newsFeed() { if (x==msg1.length+1) { for (var z=0; z < 7000; z++); y+=1; if (y > 3) y=0; document.form1.news2.value=' '; msg1 = fArray[y]; x=0; } document.form1.news2.value=msg1.substring(0,x); x+=1; setTimeout("newsFeed() ",1); } </script> <body bgcolor=teal link=goldenrod onLoad="newsFeed()"> <form name="form1"> <textarea wrap=physical rows=10 cols=25 name="news2">

 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>

 Floating Menu

منوی قابل حرکت با موس

<!-- 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>

 How Old Is This Page

 نشان دهندهء مدت به وجود آمدن صفحه

<!-- 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>

 Image Drag & Drop

 تصاویر قابل حرکت با موس

<!-- Image Drag & Drop Your viewers can drag and drop images on your webpage --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> N = (document.all) ? 0 : 1; var ob; function MD(e) { if (N) { ob = document.layers[e.target.name]; X=e.x; Y=e.y; return false; } else { ob = event.srcElement.parentElement.style; X=event.offsetX; Y=event.offsetY; } } function MM(e) { if (ob) { if (N) { ob.moveTo((e.pageX-X), (e.pageY-Y)); } else { ob.pixelLeft = event.clientX-X + document.body.scrollLeft; ob.pixelTop = event.clientY-Y + document.body.scrollTop; return false; } } } function MU() { ob = null; } if (N) { document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP); } document.onmousedown = MD; document.onmousemove = MM; document.onmouseup = MU; // End --> </script> </HEAD> <!-- Copy this into body of your webpage --> <div id="s" style="position:absolute;left:50;top:300;"> <img src=file:///E:/Earth.gif name="s" width="32" height="32"> </div> <div id="d" style="position:absolute;left:50;top:350;"> <img src="file:///E:/Fish%20Tropical.gif" name="d" width="32" height="32"> </div> <div id="c" style="position:absolute;left:100;top:300;"> <img src=file:///E:/Butterfly.gif name="c" width="32" height="32"> </div> <div id="h" style="position:absolute;left:100;top:350;"> <img src="file:///E:/Foot%20Paw%20Print.gif" name="h" width="31" height="29"> </div>

 Image Preview

نشان دهندهء تصاویر

<!-- Drop Down Image 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"> function CoffeePreview(sel) { document.CoffeePreview.src = "" + sel.options[sel.selectedIndex].value; } function CoffeeShow(sel) { images = new Array(); images[1] = "1.jpg"; images[2] = "2.jpg"; images[3] = "3.jpg"; images[4] = "4.jpg"; images[5] = "5.jpg"; images[6] = "6.jpg"; window.location.href = images[sel.selectedIndex+1]; } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <center> <form name=previewselect> <select name=selbox size=1 onChange="CoffeePreview(this)"> <option value="1-small.jpg">Image #1 <option value="2-small.jpg">Image #2 <option value="3-small.jpg">Image #3 <option value="4-small.jpg">Image #4 <option value="5-small.jpg">Image #5 <option value="6-small.jpg">Image #6 </select> <p> <img name="preview" src="1-small.jpg" width=150 height=113 border=1> <p> <input type=button value="view Image" onclick="CoffeeShow(this.form.selbox)"> </form> </center>

Click Jump Link Box 

منو کشویی لینک که با کلیک بلافاصله وارد لینک می شود

<!-- ClickJump LinkBox Change the VALUES to your links! --> <!-- When the User selects an item, it will automatically jump to that link. --> <CENTER> <FONT FACE="VERDANA, ARIAL">Select an item:</FONT><BR> <FORM> <SELECT NAME="clicklist" onChange="top.location.href=this.form.clicklist.options[this.form.clicklist.selectedIndex].value"> <OPTION selected> Click Here <OPTION VALUE="http://www.webloger.5u.com/">Webloger Website <OPTION VALUE="http://www.netscape.com">Netscape <OPTION VALUE="http://www.microsoft.com">Microsoft <OPTION VALUE="http://www.infoseek.com">Infoseek </SELECT><P> </FORM> </CENTER>

 Drop Down Links Script

منو کشویی لینک که پس از انتخاب و زدن دکمه وارد لینک می شود

<!-- Start Of Drop Down Links Script --> <!-- Consolidate a bunch of links to a simple drop down menu --> <!-- Instructions: Just put this in your page where you want to display links. --> <!-- Script supplied with CoffeeCup HTML Editor --> <!-- www.webloger.5u.com --> <script language="JavaScript"> function CC_go(form) {var myindex=form.dest.selectedIndex window.open(form.dest.options[myindex].value, target="_parent", "toolbar=yes,scrollbars=yes,location=yes"); } </script> <form name="CC_LinkForm"> <select name="dest" SIZE=1> <option selected value="">Places to go <option value="http://www.webloger.5u.com/">Webloger Website <option value="http://home.cnet.com/">CNET <option value="http://www.tucows.com">Tucows </select> <P> <input type="button" value="Link Me!" onClick="CC_go(this.form)"> </form> <!-- End Of Drop Down Links Script -->

 Drop Down Box Scroll

منو کشویی لینک که با اسکرول نیز وارد لینک می شود

<!-- Start Of Drop Down Box Scroll Script --> <!-- When you make a selection from the list, all the choices scroll --> <!-- Instructions: Just put this script anywhere on your webpage where you want cool links. --> <!-- Does not display in IE --> <center> <SCRIPT LANGUAGE="JavaScript"> <!-- var sid="mitnamdliw_wildmantim"; function selectaplace(form) { var appname= navigator.appName; var appversion=parseInt(navigator.appVersion); if (appname == "Netscape" && appversion >= 3){ var formindex=form.select1.selectedIndex; var storage=form.select1.options[formindex].text; if (form.select1.options[formindex].value != "none") { var msg=storage+" You are now being teleported to -> "+storage; for (var spot=0;spot<msg.length-storage.length;spot++) { var x=msg.substring(spot,msg.length); form.select1.options[formindex].text=x; for(var d=0;d<150;d++) { }; } document.location=form.select1.options[formindex].value; form.select1[formindex].text=storage; } else { form.select1[formindex].text="Not a real option!"; for(var d=0;d<1250;d++) { }; form.select1[formindex].text=storage; } } else { var formindex=form.select1.selectedIndex; document.location=form.select1.options[formindex].value; } } function makeMyMenu() { document.write ('<form><select name="select1" onChange="selectaplace(this.form)" size=1>'); document.write ('<option value=http://www.webloger.5u.com>Webloger Website'); document.write ('<option value=http://www.andyart.com>Andy Art'); document.write ('<option value=http://www.cnet.com>CNET'); document.write ('<option value=http://www.tucows.com>Tucows'); document.write ('<option value=http://www.winzip.com>WinZIP'); document.write ('</select>'); document.write ('</form>'); } while(sid!="mitnamdliw_wildmantim"){}; makeMyMenu(); //--> </SCRIPT> </center> <!-- END OF SCRIPT --> <!/SCRIPT>