كدهاي جاوا اسكريپت ومثالهاي ان

اسکریپت های ویژهء جاوا .....

Scrolling banner

متن در حال حرکت

<script language="JavaScript"> // Modified by CoffeeCup Software var id,pause=0,position=0,revol=9; function banner() { var i,k; var msg=" Your Text Here "; var speed=10; document.thisform.thisbanner.value=msg.substring(position,position+50); if(position++==msg.length) { if (revol-- < 2) return; position=0; } id=setTimeout("banner()",1000/speed); } </script> </head> <body bgcolor="ffffff" onload="banner()"> <CENTER><form name="thisform"> <input type="text" name="thisbanner" size="40"> </FORM> </CENTER>

Scroll Text Area

Text Area در حال حرکت

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script> </HEAD> <BODY OnLoad="CC_Scroller(0);"> <center> <form name="scrollform"> <select name="scroller" size=8> <option> <option> <option> <option> <option> <option> <option> <option> <option>This textarea will auto <option>scroll text moving it <option>upwards until all the <option>lines have been displayed. <option> <option> <option>You can leave as many <option>blank lines as you feel <option>necessary to give the <option>look of begining and <option>ending. <option> <option>Neat, huh? <option> </select> </form> </center>

Text Counter

مشخص کنندهء تعداد رجوع به صفحه

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Text Slideshow

نشان دهندهء متن به صورت اسلاید

<HTML>   <HEAD> <TITLE>AMAZING TEXT SLIDESHOW</TITLE>  <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 makeArray() { this.length = makeArray.arguments.length; for (var i = 0; i < this.length; i++) this[i + 1] = makeArray.arguments[i]; } function ccText (val1, val2, val3, val4) { this.curText = ''; this.posit = 1; this.word = val1; this.length = val1.length; this.val3 = val3; this.val2 = val2; this.val4 = val4; this.print = ccText2; } function ccText2() { if (this.posit <= this.length) { this.curText = this.word[this.posit] outStringWord = ccU + this.val3 + this.curText + ccD; parent.draw.location = 'javascript:parent.outStringWord'; this.posit++; } else { doneLoop = true; top.location = this.val4; } } function ccTextSlide() { if (!doneLoop) reDraw = setTimeout('ccTextSlide()', wordIntro.val2); wordIntro.print(); }  var words = new makeArray (' Hello ',' ...and welcome to CoffeeCup Software. ', ' This is our <U>TEXT SLIDESHOW...</U> ', ' Use this script to open up your website... ', ' Display important or urgent news... ', ' Finish it with an <A HREF=hhttp://www.coffeecup.com/><B>auto-link</B></A> to your website!! '); var wordIntro = new ccText (words, 2000, '<CENTER><FONT SIZE=5 FACE=VERDANA, ARIAL, Comic Sans MS>', 'hhttp://www.coffeecup.com/');   var ccU = '<HTML><BODY BGCOLOR="#000000" TEXT= "#000000"><CENTER><H3><FONT FACE=ARIAL SIZE=6 COLOR=#FFFFFF>The Amazing Text Slideshow</FONT></h3></CENTER><BR><BR><CENTER><TABLE WIDTH=100% BGCOLOR=#FFFFFF><TR><TD>'; var ccD = '</TD></TR></table><br><br></HTML>'; var ccB = ccU + ccD; var doneLoop = false; </SCRIPT> <FRAMESET onLoad="ccTextSlide()" ROWS="100%, *" FRAMEBORDER=NO BORDER=0> <FRAME SCROLLING=AUTO SRC="javascript:parent.ccB" NAME="draw" MARGINWIDTH=3 MARGINHEIGHT=3> </FRAMESET> </HEAD> </HTML>

Multi Vert Scroll Speed

بالا و پایین کردن لینک به صورتی بسیار جالب

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function CoffeeScroll(dir, spd, loop) { loop = true; direction = "up"; speed = 10; scrolltimer = null; if (document.layers) { var page = eval(document.contentLayer); } else { if (document.getElementById) { var page= eval("document.getElementById('contentLayer').style"); } else { if (document.all) { var page = eval(document.all.contentLayer.style); } } } direction = dir; speed = parseInt(spd); var y_pos = parseInt(page.top); if (loop == true) { if (direction == "dn") { page.top = (y_pos - (speed)); } else { if (direction == "up" && y_pos < 10) { page.top = (y_pos + (speed)); } else { if (direction == "top") { page.top = 10; } } } scrolltimer = setTimeout("CoffeeScroll(direction,speed)", 1); } } function CoffeeScrollStop() { loop = false; clearTimeout(scrolltimer); } // End --> </script> </head> <body> <div id="contentLayer" style="position:absolute; width:300px; z-index:1; left: 39px; top: 51px"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p>Put the text you want displayed here!!! </div> <div id="scrollmenu" style="position:absolute;width:200px;height:30px;z-index:1; left:400px; top: 40px"> <table border=1><tr><td> <table> <tr> <td align=left>Up</td> <td> </td> <td align=right>Down</td> </tr> <tr> <td colspan=3> <a href="#" onMouseOver="CoffeeScroll('up','25','true')" onMouseOut="CoffeeScrollStop()"><<<</a> <a href="#" onMouseOver="CoffeeScroll('up','5','true')" onMouseOut="CoffeeScrollStop()"><<</a> <a href="#" onMouseOver="CoffeeScroll('up','1','true')" onMouseOut="CoffeeScrollStop()"><</a> | <a href="#" onMouseOver="CoffeeScroll('dn','1','true')" onMouseOut="CoffeeScrollStop()">></a> <a href="#" onMouseOver="CoffeeScroll('dn','5','true')" onMouseOut="CoffeeScrollStop()">>></a> <a href="#" onMouseOver="CoffeeScroll('dn','25','true')" onMouseOut="CoffeeScrollStop()">>>></a> </td> </tr> </table> </td></tr></table> </div> </body> </html>  <BODY>

Text Scroll

متنی زیبا در صفحه

<SCRIPT LANGUAGE="JavaScript"> var max=0; function coffeetext() { max=coffeetext.arguments.length; for (i=0; i<max; i++) this[i]=coffeetext.arguments[i]; } tl = new coffeetext( "This is a scroller that allows you to display text like in a terminal.", "Download some great software here hhttp://www.coffeecup.com", "The text scroller keeps going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going, and going." ); var x = 0; pos = 0; var l = tl[0].length; function coffeetextdisplay() { document.tickform.coffeetextfield.value = tl[x].substring(0, pos) + "_"; if(pos++ == l) { pos = 0; setTimeout("coffeetextdisplay()", 2000); if(++x == max) x = 0; l = tl[x].length; } else setTimeout("coffeetextdisplay()", 50); } </script>  <BODY OnLoad="coffeetextdisplay()">  <center> <form name=tickform> <textarea name=coffeetextfield rows=6 cols=38 style="background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: default; font-family: Arial; font-size: 12px" wrap=virtual>Text will appear here when the page has finished loading.

Vertical Scroll

اسکرول کردن عمودی

<HEAD> <SCRIPT LANGUAGE="JavaScript"> function CoffeeScroll() { for (I=1; I<=750; I++){ parent.scroll(1,I) } } // End --> </SCRIPT>  <BODY><CENTER><FORM><input type=button value="Scroll Page" onClick="CoffeeScroll()"></FORM></CENTER>

Last Update

نشانگر تاریخ به روز رسانی سایت

<script language="JavaScript">  </script></body> </html> </body> </html> </body> </html> </body> </html>

Rain

بارش باران

<body> <SCRIPT LANGUAGE="JavaScript">  var no = 50; var speed = 2; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = new Array(); y = new Array(); r = new Array(); cx = new Array(); cy = new Array(); s = 8; for (i = 0; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } } } function initRain() { a = 6; r[i] = 1; sn = Math.sin(a); cs = Math.cos(a); cx[i] = Math.random() * doc_width + 1; cy[i] = Math.random() * doc_height + 1; x[i] = r[i] * sn + cx[i]; y[i] = cy[i]; } function makeRain() { r[i] = 1; cx[i] = Math.random() * doc_width + 1; cy[i] = 1; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers["dot"+i].top = y[i]; document.layers["dot"+i].left = x[i]; } setTimeout("raindropNS()", speed); } function raindropIE() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } document.all["dot"+i].style.pixelTop = y[i]; document.all["dot"+i].style.pixelLeft = x[i]; } setTimeout("raindropIE()", speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } // End --> </script> </body>

Snow

بارش برف

<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style>.drop { FONT-SIZE: 40px; FILTER: flipV(), flipH(); WIDTH: 3px; COLOR: blue; POSITION: absolute } </style> <script language="javascript"> snow = true; // false-rain; true-snow snowsym = " * " //These are the symbols for each rainsym = " ' " //You can put images here. howmany = 20 //How many drops/snowflakes? if(snow){sym = snowsym; speed=1; angle=10; drops=howmany} else{sym = rainsym; speed=50; drops=howmany; angle=6} movex = -speed/angle; movey = speed; count = 0; function moverain(){ for(move = 0; move < drops; move++){ xx[move]+=movex; yy[move]+=mv[move]; hmm = Math.round(Math.random()*1); if(xx[move] < 0){xx[move] = maxx+10;} if(yy[move] > maxy){yy[move] = 10;} drop[move].left = xx[move] drop[move].top = yy[move]+document.body.scrollTop; }setTimeout('moverain()','1')} </script> <script language="javascript"> if (document.all){ drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array() ly = "document.all[\'"; st = "\'].style" for(make = 0; make < drops; make++){ document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>'); drop[make] = eval(ly+'drop'+make+st); maxx = document.body.clientWidth-40 maxy = document.body.clientHeight-40 xx[make] = Math.random()*maxx; yy[make] = -100-Math.random()*maxy; drop[make].left = xx[make] drop[make].top = yy[make] mv[make] = (Math.random()*5)+speed/4; drop[make].fontSize = (Math.random()*10)+20; if(snow){col = 'white'}else{col = 'blue'} drop[make].color = col; } window.onload=moverain } </script> </html> </head> <body bgcolor="#FFFFFF"> <p align="center" dir="ltr"><font SIZE="1" face="Tahoma" color="#FF0000">Powered by</font><span lang="en-us"><b><font size="1" color="#FF0000" face="Tahoma"> </font> <a href="hhttp://www.shamswin.com/"> <font face="Tahoma" size="1" color="#FF0000">webloger</font></a></b><font size="1" face="Tahoma" color="#FF0000"> </font></span><font SIZE="1" color="#FF0000">◄┤</font></p> </body>

Webbot Bot

انتقال خودکار کاربر از سایتی به سایت دیگر

<p><form name="redirect"> <center> <font face="Arial"><b>You will be redirected to the script in<br><br> <form> <input type="text" size="3" name="redirect2"> </form> seconds</b></font> </center> <script>  </script> </p> </body> </html></body> </html>

Move

لرزش موقت جستجوگر

<meta http-equiv="Content-Language" content="en-us"> <SCRIPT language=JavaScript>   </SCRIPT> </body> </html> </body> </html> </body> <p align="center"> <a href="hhttp://www.shamswin.com" style="text-decoration: none"> <span style="font-weight: 700"><font face="Tahoma" size="2" color="#008000"> W</font></span></a><a href="hhttp://www.shamswin.com" style="text-decoration: none; font-weight: 700"><font face="Tahoma" size="2" color="#008000">ebloger Website</font></a></p> </html>

Time

ساعت های زنده شهر های دنیا

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>New Page 2</title> </head> <body> <table border="0" width="200" cellspacing="0" cellpadding="3"> <form name="where"> <tr> <td width="100%"> <select name="city" size="1" onchange="updateclock(this);"> <option value="" selected>Local time</option> <option value="0">London GMT</option> <option value="1">Rome</option> <option value="7">Bangkok</option> <option value="8">Hong Kong</option> <option value="9">Tokyo</option> <option value="10">Sydney</option> <option value="12">Fiji</option> <option value="-10">Hawaii</option> <option value="-8">San Francisco</option> <option value="-5">New York</option> <option value="-3">Buenos Aires</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> /* Drop Down World Clock- By Learn iran (hhttp://www.shamswin.com) Portions of code by Kurt @ hhttp://www.shamswin.com/ This credit notice must stay intact */ if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script>  <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer> <p> <font face="arial" size="-2">This free script provided by <a href="hhttp://www.shamswin.com/">webloger site</a></font> </td> </form> </tr> </table> </body> </html>

Date & Time In Status Bar

ساعت و تاریخ در استاتوس بار

<script language="JavaScript"> function doClock() { window.setTimeout( "doClock()", 1000 ); today = new Date(); self.status = today.toString(); } doClock() </script>

Time

نشانگر مدت زمان بازدید به بازدید کننده

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <SCRIPT lang=JavaScript> day = new Date(); miVisit = day.getTime(); function clock() { dayTwo = new Date(); hrNow = dayTwo.getHours(); mnNow = dayTwo.getMinutes(); scNow = dayTwo.getSeconds(); miNow = dayTwo.getTime(); if (hrNow == 0) { hour = 12; ap = " AM"; } else if(hrNow <= 11) { ap = " AM"; hour = hrNow; } else if(hrNow == 12) { ap = " PM"; hour = 12; } else if (hrNow >= 13) { hour = (hrNow - 12); ap = " PM"; } if (hrNow >= 13) { hour = hrNow - 12; } if (mnNow <= 9) { min = "0" + mnNow; } else (min = mnNow) if (scNow <= 9) { secs = "0" + scNow; } else { secs = scNow; } time = hour + ":" + min + ":" + secs + ap; document.form.button.value = time; setTimeout('clock()', 1000); } function timeInfo() { milliSince = miNow; milliNow = miNow - miVisit; secsVisit = Math.round(milliNow / 1000); minsVisit = Math.round((milliNow / 1000) / 60); alert(" الان عزيزم " + minsVisit + " دقيقه هست كه اينجايی خسته كه نشدی؟ " + secsVisit + ""); } document.write("<form name=\"form\">" + "<input type=button style='cursor=help' style='border=blue' style='height=20' style='background=#000099' style='color=white' value=\"Click for info!\"" + " name=button onClick=\"timeInfo()\"></form>"); onError = null; clock(); </SCRIPT></body> </html> </body> </html>

Name Visits

دریافت نام کاربر و خوش آمد گویی به آن

<html> <head><script LANGUAGE="JavaScript">   </script>  <title></title> </head> <body> <script LANGUAGE="JavaScript"> document.write("Hello " + Who() + ". You've been here " + Count() + " time(s). Last time was " + When() +"."); </script>  </body> </html>

اسکریپت های ویژهء جاوا ......

Status Blinker

متن شما در استاتوس بار روشن و خاموش می شود

<script> var yourwords = "Saman Golestani !"; var speed = 300; var control = 1; function flash() { if (control == 1) { window.status=yourwords; control=0; } else { window.status=""; control=1; } setTimeout("flash()",speed); } </script>   <body onLoad="flash()">

Blinking Bar

رقص متن در استاتوس بار

<script language="JavaScript"> var CC_msg = "CoffeeCup Software, 'The Coolest Tools on the Net!' hhttp://www.coffeecup.com"; var speed = 150; var control = 1; function flash() { if (control == 1) { window.status=CC_msg; control=0; } else { window.status=""; control=1; } setTimeout("flash();",speed); } </script> </HEAD> <BODY onload="flash();">

Bounce Status

رقص متن در استاتوس بار

<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. var yourtext = "* YOUR MESSAGE HERE! *"; var wedge1=" "; var wedge2=" "; var message1=wedge1+yourtext+wedge2; var dir = "lside"; var speed = 50; function bouncey() { if (dir == "lside") { message2=message1.substring(2,message1.length)+" "; window.status=message2; setTimeout("bouncey();",speed); message1=message2; if (message1.substring(0,1) == "*") { dir="rside"; } } else { message2=" "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("bouncey();",speed); message1=message2; if (message1.substring(message1.length-1,message1.length) == "*") { dir="lside"; } } } // -- End Hiding Here --> </SCRIPT> <body onLoad="bouncey()">

Roll Scroll

رقص متن در استاتوس بار

<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.  </SCRIPT> </HEAD> <BODY onLoad="firstBanner()">

Slide Scroll

رقص متن در استاتوس بار

<BODY onLoad="timerONE=window.setTimeout('slide(120,0)',20);"> <SCRIPT LANGUAGE="JavaScript"> function slide(jumpSpaces,position) { var msg = "This JavaScript will slide in your desired message....Cool...isn't it???.......drink more coffee" var out = "" if (endScroll) {return false} for (var i=0; i<position; i++) {out += msg.charAt(i)} for (i=1;i<jumpSpaces;i++) {out += " "} out += msg.charAt(position) window.status = out if (jumpSpaces <= 1) { position++ if (msg.charAt(position) == ' ') {position++ } jumpSpaces = 100-position } else if (jumpSpaces > 3) {jumpSpaces *= .75} else {jumpSpaces--} if (position != msg.length) { var cmd = "slide(" + jumpSpaces + "," + position + ")"; scrollID = window.setTimeout(cmd,5); } else { scrolling = false return false } return true } function ccSetup() { if (scrolling) if (!confirm('Re-initialize slide?')) return false endScroll = true scrolling = true var killID = window.setTimeout('endScroll=false',6) scrollID = window.setTimeout('slide(100,0)',10) return true } var scrollID = Object var scrolling = false var endScroll = false </SCRIPT>

Status Bar Author

متن را در جایگاه نوشته و بازدن دکمه , آن را در استاتوس بار ببینید

<script language="JavaScript">  </script> </HEAD> <BODY> <TABLE BORDER=1 BORDERCOLOR="000000" WIDTH="35%"><TR><TD> <p>Type in a message and then click [Author]. Click [Erase] to remove. <form> <input type="text" name="stuff" value=""> <br> <input type="button" name="btn1" value="Author" onClick="CC(form.stuff.value)"> <input type="button" name="btn2" value="Erase" onClick="CC('')"> </form> </TD></TR></TABLE> </BODY> </HTML>

Typing Text

رقص متن در استاتوس بار

<SCRIPT LANGUAGE="JavaScript"> var speed = 100 var pause = 1000 var timerID = null var texttype = false var ar = new Array() ar[0] = "This is the Typing Text Javascript" ar[1] = "CoffeeCup Software is cool!" ar[2] = "El HTML Editor++ es muy bueno!" var msgnow = 0 var offset = 0 function stopBanner() { if (texttype) clearTimeout(timerID) texttype = false } function startBanner() { stopBanner() showBanner() } function showBanner() { var text = ar[msgnow] if (offset < text.length) { if (text.charAt(offset) == " ") offset++ var partialMessage = text.substring(0, offset + 1) window.status = partialMessage offset++ timerID = setTimeout("showBanner()", speed) texttype = true } else { offset = 0 msgnow++ if (msgnow == ar.length) msgnow = 0 timerID = setTimeout("showBanner()", pause) texttype = true } } </SCRIPT> </HEAD> <BODY onLoad="startBanner()"> </BODY> </HTML>  <!/SCRIPT>

Bar Scroller

رقص متن در استاتوس بار

<BODY onLoad="coffeescroll(100)"> <SCRIPT>  </SCRIPT>

Text Follow

نوشتن متن در کنار موس

<html> <head> <script language="JavaScript">  </script> <STYLE> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:8pt; font-family:verdana; color:FF00FF } a { color:FFFFCC; text-decoration:none } a:hover { color:FF0000; text-decoration:underline } a:visited { color:FF0000 } </STYLE> </HEAD> <body bgcolor="#ffffff" onLoad="textfollow()"> <script language="JavaScript">  </script> </body> </html>

Click News

نمایش متن به صورت زیبا

<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.  </SCRIPT> <CENTER> <FORM NAME="wireForm"> <INPUT TYPE="text" NAME="wireField" VALUE="...Click here for the News..." SIZE=40 onFocus="if (!wireRunning) { startWire() }"> </FORM> </CENTER>

This fades the text color giving you a rainbow effect

شروع متن با یک رنگ و پایان آن با یک رنگ دیگر

<script language="JavaScript">  </script> <SCRIPT LANGUAGE="JavaScript"> This is the Text, just put yours here !<!__"); } //--> </SCRIPT>

Falling Words

آمدن متن به صورت افکتی زیبا در صفحه

<HTML> <HEAD> <script LANGUAGE="JavaScript" FPTYPE="dynamicanimation8">  </script> </HEAD> <BODY onload="dynAnimation8()"> <p dynamicanimation8="dropWord" style="position: relative !important; left: 10000 !important"><FONT SIZE=5>The Falling Words JavaScript works only in IE4+</FONT></p> </BODY> </HTML>

Last Date Modified

آخرین تاریخ بازنشاندن صفحه

<CENTER> <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. var dateMod = "" ;dateMod = document.lastModified ;document.write("Last Updated: "); document.write(dateMod); document.write(); // --></SCRIPT> </CENTER>

Mouse Over Text Appear

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

<html> <head> <TITLE>menu visibility</title> <style type="text/css"> .Menu { position: absolute; width: 80%; border: 1px white; background-color: white; layer-background-color: white; top: 100px; left : 10%; line-height : 25px; font-family : Arial; visibility: hidden; } .Mo { position: absolute; text-decoration : none; border: 0px white; background-color: white; layer-background-color: white; top: 100px; left: 10%; width: 80%; font-family : Arial; visibility: hidden; } .hide { visibility: hidden; font-family : Arial; } </style> <script> var mo_lastMenu; var lastMenu = "null"; if (document.layers) { visible = 'show'; hidden = 'hide'; } else if (document.all) { visible = 'visible'; hidden = 'hidden'; } function toggle(menu) { if (document.layers) { Menu = document.layers[menu]; } else if (document.all) { Menu = document.all(menu).style; } if (Menu.visibility == visible) { Menu.visibility = hidden; } else { clean(lastMenu); Menu.visibility = visible; } lastMenu = Menu; } function clean(Menu){ if (Menu == "null"){ return; } if (Menu.visibility == visible) { Menu.visibility = hidden; } } function mo_toggle(menu) { if (document.layers) { Menu = document.layers[menu]; } else if (document.all) { Menu = document.all(menu).style; } if (Menu.visibility == visible) { Menu.visibility = hidden; } else { Menu.visibility = visible; } mo_lastMenu = Menu; } </script> </head> <body bgcolor="White"> <CENTER> <A href="#" onclick="toggle('clickWeb');return false;" onmouseout="javascript:mo_toggle('mo_web');return false;" onmouseover="javascript:mo_toggle('mo_web');return false;" > <B><font size="+1" color="purple" face="Arial">Put Mouse Over Here here</A></B></FONT> </CENTER> <div id="mo_web" class="Mo"> <FONT SIZE="+2" COLOR="green" face="Arial"><CENTER> This is what happens!! </FONT></CENTER> </div> <div id="clickWeb" class="Menu"> <FONT SIZE="+2" COLOR="red" face="Arial"><CENTER> Clicking the link presents these results. </FONT></CENTER> </div> <BR> </body> </html>

Murphy's Laws

متن های پشت سر هم به صورت پیغام

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <BODY onLoad="CC_Message()"> <CENTER> <FORM> <input type="button" Value="New Murphy's Law" onClick="CC_Message()"> </FORM> </CENTER>

Revolving Colors

تغییر رنگ متن به صورت مداوم

<SCRIPT LANGUAGE="JavaScript1.2">  </script>

اسکریپت های ویژهء جاوا.....

Link Message

نمایش لینک به صورتی زیبا

<script language="JavaScript">  </script> </head> <body> <form name="msgform"> <select name="msgselect" onChange="textValue()" multiple size="5"> <option>Webloger Website <option>TUCOWS Network <option>Download.com <option>Download.net <option>Yahoo </select> <br><p> <input type="button" name="msgbutton" value="Go!" onClick="CC_Message()"> <p> <input type="text" name="msgtext" value="" size="35" maxlength="35"> <p> </form>

Confirm

آمدن پیغام به هنگام ورود به صفحه

<SCRIPT LANGUAGE="JavaScript"></script>

No Underlined Links

از بین بردن آندرلاین از زیر لینکها

<STYLE TYPE="text/css">  </STYLE>

Link Description Box

توضیحات لینک و اجرای آن

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script> </HEAD>  <BODY> <center> <form name=form> <table border=0 width=400> <tr> <td align=center><a href="javascript:CC_Display(1);">LINK</a><br></td> <td align=center><a href="javascript:CC_Display(2);">LINK</a><br></td> <td align=center><a href="javascript:CC_Display(3);">LINK</a><br></td> </tr> <tr> <td align=center><a href="javascript:CC_Display(4);">LINK</a><br></td> <td align=center><a href="javascript:CC_Display(5);">LINK</a><br></td> <td align=center><a href="javascript:CC_Display(6);">LINK</a><br></td> </tr> <tr> <td colspan=3 align=center> <textarea name=info rows=2 cols=40 wrap=virtual>Click a topic above for more info!

Link Without Click

اجرای لینک با عبور موس از روی آن در پنجره جدید

<CENTER> <a href="hhttp://www.shamswin.com/" target=main onmouseover="window.open ('hhttp://www.shamswin.com/');" style="text-decoration: none"><FONT SIZE=7 FACE=ARIAL COLOR=#804000>Webloger.5u.com</FONT></a></CENTER><P>

Small Navigation Window

باز شدن پنجره ای کوچک همراه با پنجرهء اصلی

<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.  </SCRIPT> </HEAD>

Hover link

اجرای لینک با عبور موس از روی آن در همان پنجره

<font color="#993399" face="Tahoma" size="2"> <a onmouseover="parent.location='hhttp://www.shamswin.com'" style="text-decoration: none; font-weight: 700">Webloger Website link</A></font>

Instant Popup s

با نگاه داشتن موس بر روی لینک توضیحات به صورت یک پنجرهء جدید ظاهر می شود

<HEAD> <SCRIPT LANGUAGE="JavaScript"> var hmsg = new Array(); hmsg["home"] = new coffeehelp( "Home Page", "fancyheader", "plain", "Clicking here will take you to the CoffeeCup Software home page."); hmsg["help"] = new coffeehelp( "", "", "bold", "Click here if you need help with your software"); hmsg["products"] = new coffeehelp( "CoffeeCup Software Products", "h2", "italics", "Download the Coolest Web Tools on the Net"); hmsg["order"] = new coffeehelp( "", "", "", "Buy CoffeeCup Software!"); var myPopup = new helpbox("myPopup", hmsg, 275, 175, "#ffffee"); function coffeehelp(header, hstyle, mstyle, message) { this.DEFAULTHSTYLE = "plain"; this.DEFAULTMSTYLE = "plain"; this.header = header; if (hstyle) this.hstyle = hstyle; else this.hstyle = this.DEFAULTHSTYLE; this.message = message; if (mstyle) this.mstyle = mstyle; else this.mstyle = this.DEFAULTMSTYLE; return this; } new coffeehelp(); coffeehelp.prototype.show = show; function show() { var H = "<FONT FACE='arial'>" + this.header + "</FONT>"; if (this.hstyle == "h1") H = "<H1>" + H + "</H1>"; else if (this.hstyle == "h2") H = "<H2>" + H + "</H2>"; else if (this.hstyle == "h3") H = "<H3>" + H + "</H3>"; else if (this.hstyle == "h4") H = "<H4>" + H + "</H4>"; if (this.hstyle == "fancyheader") H = "<table width='75%'>" + "<tr><td bgcolor='#6060ff' align='center' valign='center'>" + "<H1><FONT COLOR='white'>" + H + "</FONT></H1>" + "</td></tr></table>"; else if (this.hstyle == "italics") H = "<I>" + H + "</I>"; var M = "<FONT FACE='arial'>" + this.message + "</FONT>"; if (this.mstyle == "plain") {} if (this.mstyle == "italics") M = M.italics(); else if (this.mstyle == "bold") M = M.bold(); var htmlpage = ""; if (this.hstyle.indexOf("header")>=0) htmlpage = H + M; else htmlpage = H + "<BR>" + M; return htmlpage; } function helpbox(name, hm, width, height, bgcolor) { this.name = name; this.helpmessage = hm; this.timerHandle = null; this.windowHandle = null; this.DEFAULTWIDTH = 250; this.DEFAULTHEIGHT = 150; this.DEFAULTBGCOLOR = "#ffffcc"; this.POPUPDELAY = 100; if (width) this.width = width; else this.width = this.DEFAULTWIDTH; if (height) this.height = height; else this.height = this.DEFAULTHEIGHT; if (bgcolor) this.bgcolor = bgcolor; else this.bgcolor = this.DEFAULTBGCOLOR; return this; } function startHelp(msgindex) { var cmdstr="top." + this.name + ".showHelp('" + msgindex + "')"; this.timerHandle = setTimeout(cmdstr, this.POPUPDELAY); } function showHelp(msgindex) { if (!this.windowHandle || !this.windowHandle.name || this.windowHandle.name=="") this.windowHandle = window.open( "", "subWindow", "toolbar=no," + "location=no," + "directories=no," + "status=no," + "menubar=no," + "scrollbars=no," + "resizable=no," + "width=" + this.width + "," + "height=" + this.height ); else this.windowHandle.focus(); this.windowHandle.document.open(); var to_page = "<HTML>\n" + "<BODY BGCOLOR='" + this.bgcolor + "'><P>" + this.helpmessage[msgindex].show() + "</BODY></HTML>\n"; this.windowHandle.document.write(to_page); this.windowHandle.document.close(); } function clearHelp() { clearTimeout(this.timerHandle); if (this.windowHandle && this.windowHandle.name) { this.windowHandle.close(); this.windowHandle=null; } } new helpbox(); helpbox.prototype.startHelp = startHelp; helpbox.prototype.showHelp = showHelp; helpbox.prototype.clearHelp = clearHelp; // End --> </script> </HEAD>  <BODY> <a href="hhttp://www.shamswin.com/" onMouseOver="myPopup.startHelp('home')" onMouseOut="myPopup.clearHelp()">Webloger Website</a><br> <br> <a href="hhttp://www.shamswin.com/" onMouseOver="myPopup.startHelp('help')" onMouseOut="myPopup.clearHelp()">Link 2</a><br> <br> <a href="hhttp://www.shamswin.com/" onMouseOver="myPopup.startHelp('products')" onMouseOut="myPopup.clearHelp()">Link 3</a><br> <br> <a href="hhttp://www.shamswin.com/" onMouseOver="myPopup.startHelp('order')" onMouseOut="myPopup.clearHelp()">Link 3</a><br> <br>

Random alert message

پیغام های پشت سر هم

<FORM> <INPUT TYPE="button" NAME="coffee" VALUE="HTML TAGS" onClick="randomMessage()"> </FORM> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

' Your Message Here ' in the status bar

متن شما به صورت متحرک در استاتوس بار نمایش داده می شود

<SCRIPT LANGUAGE="JavaScript"> //Modified by Coffeecup.com function infoscroll(seed,looped) { var text1 = " Your Text Here "; var text2 = " and more here.............. "; var msg=text1+text2; var putout = " "; var c = 1; if (looped > 10) { window.status="<Thanks !>"; } else if (seed > 100) { seed--; var cmd="infoscroll(" + seed + "," + looped + ")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { putout+=" "; } putout+=msg.substring(0,100-seed); seed--; var cmd="infoscroll(" + seed + "," + looped + ")"; window.status=putout; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { putout+=msg.substring(-seed,msg.length); seed--; var cmd="infoscroll(" + seed + "," + looped + ")"; window.status=putout; timerTwo=window.setTimeout(cmd,100); // 100 } else { window.status=" "; looped += 1; var cmd = "infoscroll(100," + looped + ")"; timerTwo=window.setTimeout(cmd,75); // 75 } } } // -->  </SCRIPT>

' Your Message Here ' in the status bar

با نگاه داشتن موس بر روی تصویر متن شما در استاتوس بار ظاهر می شود

<CENTER> <A HREF="URL" onMouseOver="window.status='Your Message Here'; return true" onMouseOut="window.status=''"> <P><IMG SRC="Put Image Here"></A> </CENTER>

Popup on Button Click

با کلیک بر روی دکمه ها پنجرهء توضیحات ظاهر می شود

<HTML> <HEAD>  <!-This script will give you 4 buttons that display pop up windows when clicked. -->    <SCRIPT LANGUAGE="JavaScript"> function AlertCC(label, msg) { var cc1 = "<TITLE>Window Title</TITLE>" + "<BODY BGCOLOR='FFFFFF'><TABLE BORDER=0><TR>" + "<TD WIDTH=90% HEIGHT=90 VALIGN=TOP ALIGN=LEFT>"+ "<FONT SIZE=4 FACE=ARIAL>" var cc2 = "<FONT COLOR='FF0000'><B>"+label+"</B></FONT><BR><P>" var cc3 = "</TD><TD WIDTH=10%> </TD></TR><TR><TD> </TD>"+ "<TD VALIGN=BOTTOM ALIGN=RIGHT>"+ "<FORM><INPUT TYPE='BUTTON' VALUE='Close Window'" + "onClick='self.close()'>" + "</FORM></TD></TR></TABLE></BODY>" popup = window.open("","popDialog","height=280,width=400,scrollbars=no") popup.document.write(cc1+cc2+msg+cc3) popup.document.close() } function ccalert1() { AlertCC('Alert One', 'This script will let you place information about your product or topic of choice.') } function ccalert2() { AlertCC('Alert Two', 'This script will let you place information about your product or topic of choice.') } function ccalert3() { AlertCC('Alert Three', 'This script will let you place information about your product or topic of choice.') } function ccalert4() { AlertCC('Alert Four', 'This script will let you place information about your product or topic of choice.') } </SCRIPT> </HEAD> <BODY> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert One ]" onClick="ccalert1()"></FORM></CENTER><p> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert Two ]" onClick="ccalert2()"></FORM></CENTER><p> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert Three ]" onClick="ccalert3()"></FORM></CENTER><p> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="[ Alert Four ]" onClick="ccalert4()"></FORM></CENTER><p>

Good Bye

آمدن پیغام به هنگام خروج از صفحه

<BODY onUnload="window.alert(' Good Bye ')"> </BODY>

Good Night

با کلیک بر روی لینک پشت صفحه سیاه می شود

<FORM> <input type="button" value="Good Night" onClick="document.bgColor = 'black'" onClick="alert('Black')"> </FORM>

Hello Visitor

از شما نامتان و رنگ مورد علاقه را می پرسد و به نام شما خوش آمد می گوید

<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.  </SCRIPT>

Message Alert

با کلیک بر روی دکمه متن شما به صورت پیغام ظاهر می شود

<form> <input type="button" value="message" onClick="alert('YOUR MESSAGE GOES HERE'); return true"> </form>

اسکریپت های ویژهء جاوا .....

E-Mail Form

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

<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.  </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

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

<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

ماشین حساب در سایت یا وبلاگ

<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">  </SCRIPT>

Fade In and Out

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

<HTML> <HEAD> <style type="text/css">  </style> <script type="text/javascript" language="javascript">  </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="hhttp://www.microsoft.com/">Internet Explorer 4</a> or <a href="hhttp://developer.netscape.com">Netscape Navagitor 4</a> or <a href="hhttp://developer.webtv.net">WebTV</a>(?) for this script to work. </noscript> </BODY> </HTML>

Fading Background

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

<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="00aaff" VLINK="00aaff"> <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

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

<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.  </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="hhttp://www.saman-golestani.tripod.com/">link</A>..!</FONT>

Notepad

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

<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

اطلاعاتی در مورد صفحه

<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">  </SCRIPT> </TD></TR> <TR><TD bgcolor="#336699"> <FONT size=-1 color="#66ccff" face="trebuchet MS","arial"> <FONT color="#66ccff">Born on:</font>  May 11, 1979 <BR> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </FONT> </TD></TR> </TABLE> </CENTER>

Floating Menu

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

<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>  <BODY OnLoad="VersionCheck()">  <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

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

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

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

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

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

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

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

<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="hhttp://www.shamswin.com/">Webloger Website <OPTION VALUE="hhttp://www.netscape.com">Netscape <OPTION VALUE="hhttp://www.microsoft.com">Microsoft <OPTION VALUE="hhttp://www.infoseek.com">Infoseek </SELECT><P> </FORM> </CENTER>

Drop Down Links Script

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

<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="hhttp://www.shamswin.com/">Webloger Website <option value="hhttp://home.cnet.com/">CNET <option value="hhttp://www.tucows.com">Tucows </select> <P> <input type="button" value="Link Me!" onClick="CC_go(this.form)"> </form>

Drop Down Box Scroll

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

<center> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </center>  <!/SCRIPT>

اسکریپت های ویژهء جاوا .....

Print Page Script

دکمه ای برای پرینت صفحه

<SCRIPT LANGUAGE="JavaScript"> if (window.print) { document.write('<form> ' + '<input type=button name=print value="Click" ' + 'onClick="javascript:window.print()"> To Print this page!</form>'); } // End --> </script>

Reload on Resize

رفرش کردن به هنگام تغییر اندازه جستجوگر

<BODY onResize="window.location.href = window.location.href;">

Full Screen

دکمه ای برای تغییر اندازهء پنجره به Full Screen

<script> function full_screen(){ window.moveTo(0,0) window.resizeTo(screen.width,screen.height) } </script> <form> <input type="button" onClick="full_screen()" value="Full Screen!"> </form>

Right Click Prevent

جلوگیری از راست کلیک

<script language="JavaScript"> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) return false; else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("Please don't steal my stuff!!!"); return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script>

Sliding Window Script

جستجوگر شما را به صورت زیبایی حرکت می دهد

<SCRIPT LANGUAGE="JavaScript"> function CoffeeWinMove() { for (var i = 1; i < 1001; i++) window.moveBy(1, 1); window.moveBy(-1000, -1000); } </script>  <BODY> <center> <form> <input type=button value="Go to webloger.5u.com (with a form button)" onClick="CoffeeWinMove();window.location.href='hhttp://www.shamswin.com';"> </form> or <a href="hhttp://www.shamswin.com"; onClick="CoffeeWinMove()">Go to webloger.5u.com (Using a Link)</a> </center>

Clock

ساعت

<SCRIPT LANGUAGE="JavaScript"> var timerID = null; var timerRunning = false; function stopclock () { if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue; // you could replace the above with this // and have a clock on the status bar: // window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { // Make sure the clock is stopped stopclock(); showtime(); } </SCRIPT> <BODY onLoad="startclock(); timerONE=window.setTimeout" TEXT="ffffff"> <CENTER><form name="clock" onSubmit="0"> <input type="text" name="face" size=13 value=""></CENTER>

Clock and Calendar

ساعت و تاریخ

<script language="JavaScript">  </script>

Date

تاریخ

!--Start of JavaScript Place after the closing TITLE tag-- !-- DESCRIPTION This will create a header on the top right side of your webpage with the current date and time. INSTRUCTIONS Place this script in between the HEAD tags of your webpage. Change the size and color of the text by altering the values found in the next to last line of the JavaScript. FUNCTIONALITY Works in both Netscape & IE. -- SCRIPT LANGUAGE=JavaScript Modified by CoffeeCup Software This code is Copyright (c) 2000 CoffeeCup Software all rights reserved. License is granted to a single user to reuse this code on a personal or business Web Site. var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var timeValue = + ((hours 12) hours -12 hours) timeValue += ((minutes 10) 0 ) + minutes timeValue += (hours = 12) P.M. A.M. timerRunning = true; mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; myyear= mydate.getYear(); year = myyear if(myday == 0) day = Sunday, else if(myday == 1) day = Monday, else if(myday == 2) day = Tuesday, else if(myday == 3) day = Wednesday, else if(myday == 4) day = Thursday, else if(myday == 5) day = Friday, else if(myday == 6) day = Saturday, if(mymonth == 0) month = January else if(mymonth ==1) month = February else if(mymonth ==2) month = March else if(mymonth ==3) month = April else if(mymonth ==4) month = May else if(mymonth ==5) month = June else if(mymonth ==6) month = July else if(mymonth ==7) month = August else if(mymonth ==8) month = September else if(mymonth ==9) month = October else if(mymonth ==10) month = November else if(mymonth ==11) month = December document.write(BP ALIGN=RIGHTFONT SIZE=-1 FACE=VERDANA,ARIAL + timeValue + +day + month); document.write(myweekday+,+ 2000FONTBBRHR WIDTH=300 ALIGN=RIGHTP); SCRIPT !--This is the end of the JavaScript Make sure this script is between the HEAD tags--

Count Down

لحظات اخیر

<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. ccDayNow = new Date(); ccDayThen = new Date("December 31, 1999") msPerDay = 24 * 60 * 60 * 1000 ; timeLeft = (ccDayThen.getTime() - ccDayNow.getTime()); cc_daysLeft = timeLeft / msPerDay; daysLeft = Math.floor(cc_daysLeft); cc_hrsLeft = (cc_daysLeft - daysLeft)*24; hrsLeft = Math.floor(cc_hrsLeft); minsLeft = Math.floor((cc_hrsLeft - hrsLeft)*60); document.write( "There are "+daysLeft+" days, "+hrsLeft+" hours and "+minsLeft+" minuites left until the year 2000."); </SCRIPT>

How Long

نشان دهندهء مدت زمانی که شما در صفحه بودید

<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. function time_arrived() { enter=new Date(); } function time_here() { exit=new Date(); time=(exit.getTime()-enter.getTime())/1000; time=Math.round(time); alert ("You have been here for " + time + " seconds. Getting tired?") } </SCRIPT>  <BODY onLoad='time_arrived()'> <CENTER> <FORM> <INPUT type="button" name="timehere" value="You have been here for..." onClick='time_here()'> </FORM> </CENTER>

Status Bar Clock

نمایش ساعت در استاتوس بار

<script Language="JavaScript"> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function coffeeclock () { stopclock(); showtime(); } </script>  <body onLoad="coffeeclock()">  <form name="clock" onSubmit="0">

Display Time

نمایش زمانی که ما به صفحه آمدیم

<head> <script language="JavaScript">  </script> <body>  <script> document.write( Temp ); </script>

On / Off Clock

خاموش و روشن کردن ساعت

<BODY onload="TOfunc()"> <SCRIPT LANGUAGE="JavaScript"> var enabled = 0; function TOfunc() { TO = window.setTimeout( "TOfunc()", 1000 ); var today = new Date(); document.forms[0].elements[0].value = today.toString(); } </SCRIPT> <CENTER> <FORM> <CENTER> <input type="text" name="disp" value="" size=25 onFocus="this.blur()"><br> <input type="radio" name="rad" value="OFF" onClick="if( enabled ) { clearTimeout( TO ); enabled = 0; }"> OFF <input type="radio" name="rad" value="ON" checked onClick=" if( !enabled ) { TO = setTimeout( 'TOfunc()', 1000 ); enabled = 1; }" > ON<br> </CENTER> </FORM>

Stop Watch

تایمر

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> <BODY onLoad="display()"> <CENTER> <FORM NAME="stpw"> Time: <INPUT TYPE="text" Name="time"> <INPUT TYPE="BUTTON" Name="ssbutton" VALUE="Start/Stop" onClick="startstop()"> <INPUT TYPE="BUTTON" NAME="reset" VALUE="Reset" onClick="swreset()"> </FORM> </CENTER>

Time Spent

محاسبهء زمان ورود به صفحه

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script> <BODY onLoad="window.setTimeout('getSecs()',1)"> <CENTER> <FORM> <FONT SIZE="2" FACE="Arial">Time spent here: </FONT><input size=5 name=timespent> </FORM> </CENTER>

اسکریپت های ویژهء جاوا ......

د

Window Auto Maximize

اتوماتیک صفحه را ماکسیمایز می کند

<script language="JavaScript1.2">  </script>

Watermark Jump to Top Link

پرش به بالای صفحه

<script>  </script>

Watermark Navigation Menu

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

<STYLE TYPE="text/css">  </STYLE>  <SCRIPT Language="Javascript1.2">  </SCRIPT>

Mouse Cursor Text Trailer

نمایش متن دلخواه شما به دنبال موس

<style> .trailerstyle { position: absolute; visibility: visible; top: -50px; font-size: 12px; font-family: Arial,Helvetica,Verdana; font-weight: bold; color: #000000; } </style> <script>  </script>  <script>  </script>  example: <body onLoad="mousetrailer()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

Background Changer

تغییر رنگ پشت صفحه

<script> // Modified by CoffeeCup Software function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var hexChars = "0123456789ABCDEF"; function Dec2Hex (Dec) { var a = Dec % 16; var b = (Dec - a)/16; hex = "" + hexChars.charAt(b) + hexChars.charAt(a); return hex; } function bgChanger (begin, end, steps) { steps = steps -1 ; redA = begin.charAt(0) + begin.charAt(1); red_valA = parseInt(redA,'16'); redB = end.charAt(0) + end.charAt(1); red_valB = parseInt(redB,'16'); red_int = ((red_valB - red_valA) / steps) * -1; grnA = begin.charAt(2) + begin.charAt(3); grn_valA = parseInt(grnA,'16'); grnB = end.charAt(2) + end.charAt(3); grn_valB = parseInt(grnB,'16'); grn_int = ((grn_valB - grn_valA) / steps) * -1; bluA = begin.charAt(4) + begin.charAt(5); blu_valA = parseInt(bluA,'16'); bluB = end.charAt(4) + end.charAt(5); blu_valB = parseInt(bluB,'16'); blu_int = ((blu_valB - blu_valA) / steps) * -1; step = 2; red = red_valA; grn = grn_valA; blu = blu_valA; document.bgColor = begin; while ( steps >= step ) { red -= red_int; red_round = Math.round(red); red_hex = Dec2Hex(red); grn -= grn_int; grn_round = Math.round(grn); grn_hex = Dec2Hex(grn); blu -= blu_int; blu_round = Math.round(blu); blu_hex = Dec2Hex(blu); document.bgColor = red_hex + grn_hex + blu_hex; step++; } document.bgColor = end; } </script> </head> <body bgcolor=#000000 text=#FFFFFF link="FF0000" vlink="8888FF" alink="FF00FF"> <script>  </script> </head> <body> <BODY BGCOLOR=000000 text="#ffffff" link="#0000ff" vlink="#c00c0"> <CENTER><H2>Saman Golestani</CENTER></H2>

Opens a separate window

ایجاد لینک زیر شاخه ای

<script language="JavaScript">  </SCRIPT> <CENTER> <FORM NAME="myform"> <SELECT NAME="dest" SIZE=1> <OPTION VALUE="hhttp://www.coffeecup.com">CoffeeCup Software <OPTION VALUE="hhttp://www.tmcm.com">Too Much Coffee Man <OPTION VALUE="hhttp://www.netscape.com">Netscape <OPTION VALUE="hhttp://www.infoseek.com">InfoSeek </SELECT> <P> <INPUT TYPE="BUTTON" VALUE="Go !" onClick="surfto(this.form)"> </FORM> </CENTER>

On / Off Screen

دکمهء خاموش و روشن کردن صفحه

<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 blinkOn(){ theWin.document.bgColor = "#000000" nTimes++ CCTimeOutID = window.setTimeout("blinkOff()",250); } function blinkOff(){ theWin.document.bgColor = "FFFFFF" if (nTimes < 5) CCTimeOutID = window.setTimeout("blinkOn()",250); else theWin.history.go(0) } function blinkCC(aWin) { nTimes = 0 theWin = aWin CCTimeOutID = window.setTimeout("blinkOn()",250); } </SCRIPT> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="On/Off Switch" onClick="blinkCC(self)"></FORM></CENTER>

Change Background

تغییر رنگ پشت صفحه

<CENTER> <FORM> <FONT FACE="VERDANA, ARIAL"><B>Choose a background color:</B></FONT> <SELECT name="ccGround" size="1" onChange=(document.bgColor=ccGround.options[ccGround.selectedIndex].value)> <OPTION value="408080" target="1" selected>Cool Green <OPTION value="00aaff" target="1">Cool Grey <OPTION value="000000" target="1">Black <OPTION value="730200" target="1">DarkRed <OPTION value="231800" target="1">Brown <OPTION value="044302" target="1">DarkGreen <OPTION value="0D09A3" target="1">Dark Blue <OPTION value="808040" target="1">Avocado <OPTION value="800080" target="1">Purple <OPTION value="444444" target="1">Gray <OPTION value="FF0400" target="1">Red <OPTION value="EFE800" target="1">Yellow <OPTION value="05EF00" target="1">Green <OPTION value="0206FF" target="1">Blue <OPTION value="AE08EF" target="1">Violet <OPTION value="FF8C8A" target="1">Mauve <OPTION value="FF80FF" target="1">Pink <OPTION value="FFCCCC" target="1">Peach <OPTION value="FFCC99" target="1">Orange <OPTION value="000080" target="1">Darker Blue <OPTION value="808080" target="1">Dark Grey <OPTION value="D5CCBB" target="1">Tan <OPTION value="DDDDDD" target="1">LightGray <OPTION value="FBFF73" target="1">Light Yellow <OPTION value="7CFF7D" target="1">LightGreen <OPTION value="A6BEFF" target="1">Light Blue <OPTION value="FFFFFF" target="1">White </SELECT></FORM></CENTER>

Close Browser

خروج از جستجوگر

<script language="JavaScript">  </script> <center> <form> <input type=button value="Close Window" onClick="closeIt()"> </form> </center>

Back / Forward Buttons

قرار دادن دکمهء عقب / جلو

<SCRIPT LANGUAGE="JavaScript">  </script> <FORM METHOD="post"> <INPUT TYPE="button" VALUE=" BACK " onClick="goHist(-1)"> <INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)"> </form>

Add to Favorites

اضافه کردن به Favorites

<SCRIPT LANGUAGE="JavaScript">  </script>

Background Info Scroller

پشت صفحه متحرک

<SCRIPT LANGUAGE="JavaScript1.1">  </SCRIPT> <STYLE> .ticker { position: absolute; top:1200px; font-family:arial; font-weight:bold; font-size:40px; color:DDDDDD; } </STYLE> <body onLoad="showAlert()"> <div id="bgtick" class="ticker"> </div> <div id="mainbod" style="position:absolute; visibility:visible"> </div>

Browser ID

جستجو گر آی دی

<head><script>  </script> </head> <center> <center> <form NAME="detect"> <input TYPE="text" NAME="browser" SIZE="26" MAXLENGTH="40" VALUE="Browser Detection"><br> <br><br>Choose a button to reveal your browser's self image.<br> <input TYPE="button" VALUE="appName" onClick="CC_getBrowserName()"> <input TYPE="button" VALUE="appVersion" onClick="CC_getBrowserVersion()"> <input TYPE="button" VALUE="appCodeName" onClick="CC_getBrowserCodeName()"> <input TYPE="button" VALUE="userAgent" onClick="CC_getBrowserUserAgent()"> <input TYPE="button" VALUE="appName / appVersion" onClick="CC_getBrowserNameVersion()"><br><br><br> </form> </center><p>

Browser Shake

حرکت دادن جستجوگر به طرز بسیار جالب

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <script> function drop(n) { if(self.moveBy){ self.moveBy (0,-900); for(i = n; i > 0; i--){ self.moveBy(0,3); } for(j = 8; j > 0; j--){ self.moveBy(0,j); self.moveBy(j,0); self.moveBy(0,-j); self.moveBy(-j,0); } } } </script> <SCRIPT language="JavaScript">  </SCRIPT> <STYLE TYPE="text/css">  </STYLE> </head> <body bgcolor="black" text="silver" link="silver" vlink="silver" alink="silver" onload="drop(300); FadeTo(50,0xFF,0xFF,0xFF);"> <p align="center"><b><font face="Tahoma" size="2">Created By <a href="hhttp://www.shamswin.com/">Webloger.5u.com</a></font></b></p> </body> </html>

Disco Color Mouse Over

تغییر رنگ پشت صفحه با عبور موس از روی لینک

<body bgcolor="#00aaff"> <font face="Tahoma" style="font-size: 10pt; font-weight: 700"> <a href="#" onMouseover="document.bgColor='red'" style="text-decoration: none"> <font color="#FF0000">Red</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='orange'" style="text-decoration: none"> <font color="#FF9966">Orange</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='yellow'" style="text-decoration: none"> <font color="#FFFF00">Yellow</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='green'" style="text-decoration: none"> <font color="#008000">Green</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='blue'" style="text-decoration: none">Blue</a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='purple'" style="text-decoration: none"> <font color="#993399">Purple</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='white'" style="text-decoration: none"> <font color="#FFFFFF">White</font></a></font><br>

Close Window

دکمه ای برای خروج از پنجره

<form> <input type=button value="Close Window" onClick="javascript:window.close();"> </form> or <a href="javascript:window.close();">Close Window</a>

Drop Down

یک منو بسیار زیبا

<style>  </style></HEAD> <BODY> <ilayer id="coffeemenu01" height=35px> <layer id="coffeemenu02" visibility=show> <span id="wrapper"> <span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false"> <font face="Verdana"><b><a href="notthisbrowser.html">Click Here To Navigate</a></b></font> </span> </span> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<font face="ARIAL BLACK"><a href="hhttp://www.shamswin.com">Order Our Stuff</a><br>' selection[1]='<a href="hhttp://www.shamswin.com">Contact Us via E-mail</a><br>' selection[2]='<a href="hhttp://www.shamswin.com">Help With Our Items</a><br>' selection[3]='<a href="hhttp://www.shamswin.com">Products We Have</a><br>' selection[4]='<a href="hhttp://www.shamswin.com">Services We Offer</a><br></font>' if (document.layers) document.coffeemenu01.document.coffeemenu02.visibility='show' function dropit2(){ if (document.all){ coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (coffeemenu03.style.visibility=="hidden"){ if (enableeffect) coffeemenu03.filters.revealTrans.apply() coffeemenu03.style.visibility="visible" if (enableeffect) coffeemenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.coffeemenu03.visibility=="hide") document.coffeemenu03.visibility="show" else document.coffeemenu03.visibility="hide" document.coffeemenu03.left=e.pageX-e.layerX document.coffeemenu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) coffeemenu03.filters.revealTrans.stop() coffeemenu03.style.visibility="hidden" } function hidemenu2(){ document.coffeemenu03.visibility="hide" } if (document.layers){ document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK) document.coffeemenu01.document.coffeemenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </script> <div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#C0C0C0;width:200;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) coffeemenu03.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.coffeemenu03.captureEvents(Event.CLICK) document.coffeemenu03.onclick=hidemenu2 } </script>

Message Reader

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

<body onload="if (document.all||document.layers) {regenerate2();update()}"> <style>  </style> <div id="msgline"> <div id="msgtext" class="msgtextfont">Starting Messages...</div> </div> <script language="JavaScript1.2"> var speed=4000 var news=new Array() news[0]="<a href='hhttp://www.shamswin.com'>First line of text....</a>" news[1]="<a href='hhttp://www.shamswin.com'>Second line of text....</a>" news[2]="<a href='hhttp://www.shamswin.com'>Third line of text....</a>" news[3]="<a href='hhttp://www.shamswin.com'>Add as many as you want....</a>" i=0 if (document.all) tickerobject=document.all.msgtext.style else tickerobject=document.msgline.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10); if (document.layers){ document.msgline.document.msgtext.document.write('<span class="msgtextfont">'+news[i]+'</span>') document.msgline.document.msgtext.document.close() } else document.all.msgtext.innerHTML=news[i] if (i<news.length-1) i++ else i=0 setTimeout("update()",speed) } function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; MsgDither(); } function MsgDither() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step < inc ) { setTimeout('MsgDither()',50); } step++; } </script>

Rolling Credits

به حرکت در آوردن آسکرول لاک از بالا به پایین

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY onload="scroller()"> <CENTER> <font face="VERDANA, ARIAL" size="5" color=804040>Rolling Credits</font><p> <font face="VERDANA, ARIAL" size="4">This script allows you to: <HR WIDTH=350 NOSHADE> <P> www.shamswin.com<P> Place<P> text<P> descriptions<p> of <P>any <P>sort<p> and it will <P>scroll up<p> the page <P>until its done.<p> <P> You can even<P> make <A HREF="hhttp://www.shamswin.com/">Links.</A><p> Or<P> use<P> images.<p> <p></font> </CENTER>

Slide Out

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

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <STYLE TYPE="text/css">  </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" onLoad="init()"> <DIV ID="slideoutInterface"> <DIV ID="slideoutSidebar1"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout1)">Contact Us</A></P></DIV> <DIV ID="slideoutSidebar2"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout2)">Help</A></P></DIV> <DIV ID="slideoutSidebar3"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout3)">Services</A></P></DIV> <DIV ID="slideoutSidebar4"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout4)">Products</A></P></DIV> <DIV ID="slideoutSidebar5"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout5)">Order</A></P></DIV> <DIV ID="slideoutContent"> <DIV ID="slideoutContent1"> <P ALIGN="CENTER"><STRONG>Contact Us</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="hhttp://www.shamswin.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent2"> <P ALIGN="CENTER"><STRONG>Help</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="hhttp://www.shamswin.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent3"> <P ALIGN="CENTER"><STRONG>Services</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="hhttp://www.shamswin.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent4"> <P ALIGN="CENTER"><STRONG>Products</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="hhttp://www.shamswin.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent5"> <P ALIGN="CENTER"><STRONG>Order</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="hhttp://www.shamswin.com"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> </DIV> </BODY> </HTML>

Zoom Message

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

<style type="text/css"> body { background-color:#FFFFFF; font-family: Arial; font-size:10pt; } </style> <script> // text=new Array('www.','webloger','.5u','.com','The Best Website') // var numText=5 // color=new Array('#000000','#2F2F2F','#4F4F4F','#7F7F7F','#408080') // var numColors=5 // var endSize=70 // var Zspeed=30 // var Cspeed=200 // var font='Arial Black' // var hide=false var size=10 var gonum=0 var ie, n; if (document.all) { n=0 ie=1 zoomText='document.all.zoom.innerText=text[num]' zoomSize='document.all.zoom.style.fontSize=size' closeIt="" fadeColor="document.all.zoom.style.color=color[num]" } if (document.layers) { n=1;ie=0 zoomText="" zoomSize="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'\">'+text[num]+'</p>')" closeIt="document.zoom.document.close()" fadeColor="document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color[num]+'\">'+text[numText-1]+'</p>')" } function zoom(num,fn){ if (size<endSize){ eval(zoomText) eval(zoomSize) eval(closeIt) size+=5; setTimeout("zoom("+num+",'"+fn+"')",Zspeed) }else{ eval(fn); } } function fadeIt(num){ if (num<numColors){ eval(fadeColor) eval(closeIt) num+=1; setTimeout("fadeIt("+num+")",Cspeed) }else{ hideIt() } } function hideIt(){ if(hide){ if(ie)document.all.zoom.style.visibility="hidden" if(n)document.layers.zoom.visibility="hidden" } } function init(){ if(ie){ document.all.zoom.style.color=color[0] document.all.zoom.style.fontFamily=font } if(ie || n) go(0) } function go(num){ gonum+=1 size=10 if(num<numText){ zoom(num,'go('+gonum+')') }else{ fadeIt(0) } } </script> </head> <body onload="init()" bgcolor="FFFFFF"> <CENTER>?</CENTER><P> <div id="zoom" align="center" style="position:absolute; top:150"> </DIV>

Add Bookmark

اضافه کردن صفحه در بوکمارک

<script language="JavaScript1.2">  </script>  <a href="javascript:ccaddbookmark()" target="_self"> <font size="1" face="Arial">[ Add Webloger to your Favorites ]</font> </a>

Mouse Cursor Crosshairs

دو خط قرمز بسیار زیبا به دنبال موس

<style>  </style>  <div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <script language="JavaScript1.2">  </script>

Default Start Up Page Link

لینک قرار دادن سایت در هوم پیج

<font face="Tahoma" size="2" color="#008000"> <a class="chlnk" style="cursor:hand; text-decoration:none; font-weight:700" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('hhttp://www.shamswin.com/');"> Click here to make Webloger your default homepage! </a> </font>

Disable Right Click Menu

از کار انداختن راست کلیک

<SCRIPT LANGUAGE="JavaScript">  </script>

Find In Page Form

قرار دادن جستجوگر کلمه در سایت

<script language="JavaScript"> var NS4 = (document.layers); var IE4 = (document.all); var win = window; var n = 0; function findInPage(str) { var txt, i, found; if (str == "") return false; if (NS4) { if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; if (n == 0) alert("Not found."); } if (IE4) { txt = win.document.body.createTextRange(); for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { txt.moveStart("character", 1); txt.moveEnd("textedit"); } if (found) { txt.moveStart("character", -1); txt.findText(str); txt.select(); txt.scrollIntoView(); n++; } else { if (n > 0) { n = 0; findInPage(str); } else alert("Not found."); } } return false; } </script>  <form name="search" onSubmit="return findInPage(this.string.value);"> <font size=3><input name="string" type="text" size=15 onChange="n = 0;"></font> <input type="submit" value="Find"> </form>

Left-to-Right Page Scroll

از چپ به راست بردن اسکرول لاک

<script language="JavaScript1.2">  </script>

Scrollable Embedded Window

قرار دادن متن در پنجره ای زیبا

<ilayer name="scroll1" width=170 height=150 clip="0,0,170,150"> <layer name="scroll2" width=170 height=150 bgColor="white"> <div id="scroll3" style="width:170;height:150;background-color:yellow;overflow:scroll"> This is a nifty little script that allows you to put any content you want within a scrollable mini "window". This will allow you to save valuable screen space while making your page more "interactive". <br><br> This script uses two different techniques, one for Internet Explorer and one for Netscape, to create the scrollable window. <br><br> IE 4+ users will be able to use scrollbars to scroll the window, while Netscape users will have to use the "up" and "down" buttons instead (since Netscape does not support the adding of scrollbars to the "window" contents). </div> </layer> </ilayer> <script> var nsstyle='display:""' if (document.layers) var scrolldoc=document.scroll1.document.scroll2 function up(){ if (!document.layers) return if (scrolldoc.top<0) scrolldoc.top+=10 temp2=setTimeout("up()",50) } function down(){ if (!document.layers) return if (scrolldoc.top-150>=scrolldoc.document.height*-1) scrolldoc.top-=10 temp=setTimeout("down()",50) } function clearup(){ if (window.temp2) clearInterval(temp2) } function cleardown(){ if (window.temp) clearInterval(temp) } </script> <br><span style="display:none" style=&{nsstyle};><a href="#" onMousedown="up()" onMouseup="clearup()" onClick="return false" onMouseout="clearup()">Up</a> | <a href="#" onMousedown="down()" onMouseup="cleardown()" onClick="return false" onMouseout="cleardown()">Down</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=0;return false">Top</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=scrolldoc.document.height*(-1)+150;return false">Bottom</a></span>