جـافـا سـكريـبـت
مجموعة جاهزة من الجافا سكريبت ، وسيكون هناك إضافات دائمة لسكريبتات جاهزة إن شاء الله ....
كيفية إضافة السكريبت في الفرونت بيج :
يتم إضافة السكريبت بالفرونت بيج تبعاً لنوعه
بعضهم يوضع بين </head> و <body> والبعض في قسمين <head> هنا قسم</head> <body> آخر</body>
نص يدور حول مؤشر الماوس
<body bgcolor="#000000"> <head<head> <SCRIPT language=JavaScript> <!-- Begin if (document.all) { //Things you can alter yourLogo = "WELCOME TO w3schools4arb "; //Not less than 2 letters! logoFont = "IMPACT"; logoColor = "YELLOW"; //Nothing needs altering below! yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 100; logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px;' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // End --> </SCRIPT>
نص يتغير لونه عدة مرات
<div align="center"><p><script language="JavaScript1.2" type="text/javascript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } // Set the text to be displayed here. var ctext = "... www.w3schools4arb.comالمدرسة العربية للبرمجة ... "; // Set the speed of change here (in milliseconds) var speed = 1000; var x = 0; var color = new initArray( // Set the colours to be used here "red", "purple", "blue", "green", "black", "orange" ); if(navigator.appName == "Netscape") { document.write('<layer id="c"><center>'+ctext+'</center></layer><br>'); } if (navigator.appVersion.indexOf("MSIE") != -1){ document.write('<div id="c"><center>'+ctext+'</center></div>'); } function chcolor(){ if(navigator.appName == "Netscape") { document.c.document.write('<center><font color="'+color[x]); document.c.document.write('">'+ctext+'</font></center>'); document.c.document.close(); } else if (navigator.appVersion.indexOf("MSIE") != -1){ document.all.c.style.color = color[x]; } (x < color.length-1) ? x++ : x = 0; } setInterval("chcolor()",1000); // End --> </script></p></div><br>
رسالة ترحيب
<SCRIPT LANGUAGE="Javascript"> //http://www.w3schools4arb.com name=window.prompt("ادخل أسمك.","اكتب اسمك هنا"); document.write("<H1 align=center>مرحبا! "+name+".</H1>") //--> </script>
نص بألوان قوس قزح
<p align="center"><font size="6" face="Tahoma"><strong><script language="JavaScript"> <!-- function createHexArray(n) { this.length=n; for (var i=1; i<=n; i++) this[i]=i-1; this[11]="A"; this[12]="B"; this[13]="C"; this[14]="D"; this[15]="E"; this[16]="F"; return this; } hx = new createHexArray(16); function convertToHex(x) { var high=x/16; var s=high+""; s=s.substring(0,2); high=parseInt(s,10); var left=hx[high+1]; var low=x-high*16; s=low+""; s=s.substring(0,2); low=parseInt(s,10); var right=hx[low+1]; var string=left+""+right; return string; } function makeRainbow(text) { text=text.substring(3,text.length-4); color_d1=255; mul=color_d1/text.length; for(i=0;i < text.length;i++) { color_d1=255*Math.sin(i/(text.length/3)); "255*Math.sin(i/(text.length/3))" color_h1=convertToHex(color_d1); color_d2=mul*i; color_h2=convertToHex(color_d2); document.write("<FONT COLOR=\"#FF"+color_h1+color_h2+"\">"+text.substring(i,i+1)+"</FONT>"); } } //--> </script> <!--Place this script in the BODY section.--> <!--You may edit these font tags.--> </strong></font><font size="6"><strong><script language="JavaScript"><!-- // You may edit the message below. {makeRainbow("<< مرحبابكم في موقعنا >> ");} // --></script></strong></font></p>
نافذة من غير إطارات أو شريط تمرير تفتح عند الضغط على وصلة
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function popUp() { props=window.open('ضع عنوان الصفحة هنا', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=500, height=500, left = 150, top = 50'); } // End --> </script> <A HREF="javascript:popUp()">اضغط هنا </A>
نافذة من غير إطارات أو شريط تمرير تفتح عند الضغط على زر
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function popUp() { props=window.open('ضع عنوان الصفحة هنا', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=500, height=500, left = 150, top = 50'); } // End --> </script> <form> <input type=button value="اضغط هنا" onClick="javascript:popUp()"> </form>
نافذة من غير إطارات أو شريط تمرير تظهر تلقائياً عن فتح الصفحة ( كنوافذ الإعلانات )
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function popUp() { props=window.open('ضع عنوان الصفحة هنا', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=500, height=500, left = 150, top = 50'); } // End --> </script> <BODY onLoad="javascript:popUp()">
نافذة مع الشريط المتحرك تظهر عند الضغط على وصلة
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function popUp() { props=window.open('عنوان الصفحة هنا', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=500, height=500, left = 150, top = 50'); } // End --> </script> <A HREF="javascript:popUp()">اضغط هنا</A>
نافذة مع الشريط المتحرك وشريط المعلومات تظهر عند الضغط على وصلة
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function popUp() { props=window.open('عنوان الصفحة', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=1, menubars=0, resizable=1, width=500, height=500, left = 150, top = 50'); } // End --> </script> </script> <A HREF="javascript:popUp()">اضغط هنا </A>
نص يظهر ثم يختفي
<HEAD> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Begin ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4)); var count = 0, count2 = 0, add1 = 3, add2 = 10, timerID; function show() { if (ie4) { count += add1; count2 += add2; delay = 30; if(count2 > 100) count2 = 100; if(count > 100) { count = 100; add1 = -10; add2 = -3; delay = 350; } if(count < 0) count = 0; if(count2 < 0) { count2 = 0; add1 = 3; add2 = 10; delay = 200; } fader.style.filter = "Alpha(Opacity="+count2+",FinishOpacity="+count+",style=2)"; timerID = setTimeout("show()", delay); } } window.onload = show; // End --> </script> </HEAD> <BODY> <center> <div id="fader" style="width:480; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)"> <h1> <font family="Tahoma" color="maroon" size="+2"> نرحب بكم في موقعنا <p> مجموعة صدى </font> </h1> </div> </center>
ظل للنص
<SPAN style="position: absolute; left: 188; font-size: 35pt; filter: shadow(color=#80FF80, direction=135); z-index: -1; top: 170; width: 423; height: 58"> <p align="center"><font color="#FF8000" face="Tahoma"><b>موقع</b></font><font face="Tahoma"><b> </b></font><font color="#FF8000" face="Tahoma"><b>مجموعة صدى</b></font> </SPAN></p> <p align="center"><a href="/cgi-bin/framed/1959/"><font color="#FF00FF" size="4"><strong>www.w3schools4arb.com</strong></font></a></p>
تغيير لون الخلفية
<FORM name="back"> <SELECT name="g" onChange="change()"> <OPTION VALUE="aqua">ازرق فاتح <OPTION VALUE="green">اخضر <OPTION VALUE="orange">برتقالي <OPTION VALUE="yellow">اصفر <OPTION VALUE="purple">بنفسجي <OPTION VALUE="gray">رصاصي <OPTION VALUE="pink">وردي <OPTION VALUE="lavender">بنفسجي فاتح <OPTION VALUE="khaki">بني فاتح <OPTION VALUE="skyblue">ازرق سماوي <OPTION VALUE="white" SELECTED>ابيض </SELECT> <INPUT TYPE="button" VALUE="اختار اللون"> </FORM> <script language="Javascript"> <!-- http://www.w3schools4arb.com function change() { document.bgColor = document.back.g.options[document.back.g.selectedIndex].value } //--> </script>
ألعاب نارية
<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer> <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer> <layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer> <layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer> <layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> <script language="JavaScript"> /* Document firework script (By Kurt Gregg, kurt.grigg@virgin.net) Modified granted to Dynamic Drive to feature script in archive For full source and 100's more DHTML scripts, visit http://dynamicdrive.com */ if (document.all) with(document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('</div>') } var Clrs=new Array(9) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='ffa500'; Clrs[5]='ffff00'; Clrs[6]='00ff00'; Clrs[7]='ffffff'; Clrs[8]='fffff0'; var sClrs=new Array(5) sClrs[0]='ffa500'; sClrs[1]='55ff66'; sClrs[2]='AC9DFC'; sClrs[3]='fff000'; sClrs[4]='fffff0'; var yBase; var xBase; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; var initialStarColor='ffa000'; var Mtop=250; var Mleft=250; function Fireworks() { if (document.all) { yBase = window.document.body.offsetHeight/3; xBase = window.document.body.offsetWidth/8; } else if (document.layers) { yBase = window.innerHeight/3; xBase = window.innerWidth/8; } if (document.all) { step=5; for ( i = 0 ; i < starsDiv.all.length ; i++ ) { for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) starsDiv.all[i].style.background=initialStarColor; if (currStep > 90) starsDiv.all[i].style.background=Clrs[c]; starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100) starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100) } } else if (document.layers) { step = 5; for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) document.layers[templayer].bgColor=initialStarColor; if (currStep > 90) document.layers[templayer].bgColor=Clrs[c]; document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100) document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100) } } currStep+= step; //window.status=currStep; T=setTimeout("Fireworks()",5); if (currStep==220) { currStep=-10; for (n=0; n < sClrs.length; n++) { var k=Math.round(Math.random()*n); } initialStarColor=sClrs[k]; if (document.all) { Dtop=window.document.body.clientHeight-250; Dleft=xBase*3.5; Mtop=Math.round(Math.random()*Dtop); Mleft=Math.round(Math.random()*Dleft); document.all.starsDiv.style.top=Mtop+document.body.scrollTop; document.all.starsDiv.style.left=Mleft+document.body.scrollLeft; } else if (document.layers) { Dleft=window.innerWidth-100; Dtop=window.innerHeight-100; Mtop=Math.round(Math.random()*Dtop+window.pageYOffset); Mleft=Math.round(Math.random()*Dleft+window.pageXOffset); document.layers[templayer].top=Mtop; document.layers[templayer].left=Mleft; } if ((Mtop < 20) || (Mleft < 20)) { Mtop+=90; Mleft+=90; } } } if (document.all||document.layers) Fireworks(); </script>
فلاش لوني بالخلفية
<script> // w3schools4arb 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> <script> <!-- // black to black (pause) bgChanger("000000","000000",25); // black to red bgChanger("000000","FF0000",25); // red to black bgChanger("FF0000","000000",25); // black to purple bgChanger("000000","AA00EE",25); // purple to black bgChanger("AA00EE","000000",25); // black to blue bgChanger("000000","0000FF",25); // blue to black bgChanger("0000FF","000000",25); // black to black (pause) bgChanger("000000","000000",25); // --> </script>
أضف الموقع للمفضلة
<SCRIPT language=JavaScript1.2> function bookmarkit(){ window.external.addFavorite('http://ضع عنوان موقعك/','ضع اسم موقعك ') } if (document.all) document.write('<small onClick="bookmarkit()"><font=Tahoma" size=5"><a href="#" class="normal">أضف الموقع للمفضلة</a></font></small>') </SCRIPT>
اجعلنا الموقع الافتراضي
<A class=normal href="http:///" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://ضع عنوان موقعك هنا');"><FONT color=#0080ff size=2><STRONG> اجعل الموقع افتراضي</STRONG></FONT></A></P>
تأثير آلة كاتبة
<script language="JavaScript1.2"> /* Typing Text Script- Last updated: 99/06/17 © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ var it=0 function initialize(){ mytext=typing.innerText var myheight=typing.offsetHeight typing.innerText='' document.all.typing.style.height=myheight document.all.typing.style.visibility="visible" typeit() } function typeit(){ typing.insertAdjacentText("beforeEnd",mytext.charAt(it)) if (it<mytext.length-1){ it++ setTimeout("typeit()",100) } else return } if (document.all) document.body.onload=initialize </script> <span id="typing" style="visibility:hidden" align="left">مرحباً بكم في موقعالمدرسة العربية للبرمجة... </span></font></b></p>
ساعة في أسفل الجهة اليمنى للصفحة
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! --> <!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. --> <HTML> <HEAD> <style type="text/css"> <!-- .tick2 { font-size: "x-small"} --> </style> <script> <!-- function show2(){ if (!document.all) return var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="AM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds var ctime=hours+":"+minutes+":"+seconds+" "+dn tick2.innerHTML="<style='font-size:2;color:blue;'>"+ctime+"</style>" setTimeout("show2()",1000) } //--> </script> <TITLE>F O R M S</TITLE> </HEAD> <BODY BGCOLOR="#000000" TEXT="#7b68ee" link="#7b68ee" vlink="#7b68ee" onLoad="show2()"> <P> <BR><CENTER>انظر الى الساعة فى الجهة اليمنى</CENTER><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <script language="JavaScript"> var IW= 0; var IH= 0; var PX= 0; var PY= 0; var ZIN= 0; var us= null; var IMGW= 50; var IMGH= 25; var LSAFETY= 20; var TSAFETY= 17; function branding() { oldIW= IW; oldIH= IH; oldPX= PX; oldPY= PY; if (navigator.appName == 'Netscape') { if ((window.innerHeight != oldIH)||(window.innerWidth != oldIW)||(window.pageXOffset != oldPX)||(window.pageYOffset != oldPY)) { if (us == null) { for (i=0; i<document.layers.length; i++) { us= document.layers[i]; if (us.id == "Valley") break; } } if (us != null) { us.visibility= "hide"; IH= window.innerHeight; IW= window.innerWidth; PX= window.pageXOffset; PY= window.pageYOffset; (IH > IMGH) ? us.top= (IH+PY-(IMGH+TSAFETY)) : us.top= 0; (IW > IMGW) ? us.left= (IW+PX-(IMGW+LSAFETY)) : us.left= 0; //alert('document.layers.length: ' + document.layers.length); for (i=0; i<document.layers.length; i++) { templay= document.layers[i]; // alert('document.layers[' + i + '].id: ' + document.layers[i].id); if (templay.zIndex > ZIN) ZIN= (templay.zIndex + 1); } us.zIndex= ZIN; us.visibility= "show"; } } } else{ if (navigator.appVersion.indexOf("Mac") == -1) { if ((document.body.clientHeight != oldIH)||(document.body.clientWidth != oldIW)||(document.body.scrollLeft != oldPX)||(document.body.scrollTop != oldPY)) { alldivs= document.all.tags("DIV"); if (us == null){ for (i=0; i<alldivs.length; i++) { us= alldivs(i); if (us.id == "Valley") break; } } if (us != null){ us.style.display= "none"; IH= document.body.clientHeight; IW= document.body.clientWidth; PX= document.body.scrollLeft; PY= document.body.scrollTop; us.style.top= (IH+PY-(IMGH+TSAFETY)+12); us.style.left=(IW+PX-(IMGW+LSAFETY)+15); for (i=0; i<alldivs.length; i++){ templay= alldivs(i); if (templay.style.zIndex > ZIN) us.style.zindex= (templay.style.zIndex + 1); } us.style.display= ""; } } } } } if ((document.all) || (document.layers)){ setInterval("branding()",100); } </SCRIPT> <DIV CLASS="Watermark" ID="Watermark" STYLE="position:absolute;top:1;visibility:hide;" ALIGN="right"> <span id=tick2 class=tick2> </span> </DIV> </BODY> </HTML>
ساعة
<BODY onunload="stopTimer()" onLoad="startTimer()" > <SCRIPT> <!-- hide from non JS browsers. //Define a couple of global variables. var timerID = null var timerRunning = false function stopTimer(){ //stop the clock if(timerRunning) { clearTimeout(timerID) timerRunning = false } } function startTimer(){ // Stop the clock (in case it's running), then make it go. stopTimer() runClock() } function runClock(){ document.clock.face.value = timeNow() //Notice how setTimeout() calls its own calling function, runClock(). timerID = setTimeout("runClock()",1000) timerRunning = true } function timeNow() { //Grabs the current time and formats it into hh:mm:ss am/pm format. now = new Date() hours = now.getHours() minutes = now.getMinutes() seconds = now.getSeconds() timeStr = "" + ((hours > 12) ? hours - 12 : hours) timeStr += ((minutes < 10) ? ":0" : ":") + minutes timeStr += ((seconds < 10) ? ":0" : ":") + seconds timeStr += (hours >= 12) ? " PM" : " AM" return timeStr } // End of custom functions, stop hiding code --> </SCRIPT> <p> <font size=+1>Clock 2</font><hr> This clock will tell the time. The javascript updates the clock every 1000 milliseconds.<p> <CENTER><P><FORM NAME="clock"><INPUT TYPE="text" NAME="face" SIZE=11></FORM><p> </body>
عبارة وامضة على المسطرة
<script language="JavaScript"> <!-- var x = 0 var speed = 300 var text = "مرحبا بك في موقع المدرسة العربية للبرمجة" function Blinky() { window.status = text setTimeout("Blinky2()", speed) } function Blinky2() { window.status = " " setTimeout("Blinky()", speed) } Blinky() //--> //http://www.w3schools4arb.com </script>
لينك متحرك
<a href="http://www.w3schools4arb.com"><marquee width=100% behavior=alternate direction=left align=middle border=3>موقع المدرسة العربية للبرمجة</marquee></a>
تاريخ اليوم باللغة العربية
<script LANGUAGE="JavaScript"> <!-- This script and many more are available online from --> <!-- The JavaScript Source!! http://javascriptsource.com --> <!-- Begin var day=""; var month=""; var myweekday=""; var year=""; mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; myyear= mydate.getYear(); year = myyear if(myday == 0) day = " الأحد, " else if(myday == 1) day = " الأثنين, " else if(myday == 2) day = " الثلاثاء, " else if(myday == 3) day = " الاربعاء, " else if(myday == 4) day = " الخميس, " else if(myday == 5) day = " الجمعة, " else if(myday == 6) day = " السبت, " if(mymonth == 0) { month = "يناير "} else if(mymonth ==1) month = "فبراير " else if(mymonth ==2) month = "مارس " else if(mymonth ==3) month = "ابريل " else if(mymonth ==4) month = "مايو " else if(mymonth ==5) month = "يونيو " else if(mymonth ==6) month = "يوليو " else if(mymonth ==7) month = "اغسطس " else if(mymonth ==8) month = "سبتمبر " else if(mymonth ==9) month = "اكتوبر " else if(mymonth ==10) month = "نوفمبر " else if(mymonth ==11) month = "ديسمبر " // End --> </script> <!-- الخطوة الثانية--> <script> document.write("<b><font face=Tahoma size=1>" + day +myweekday ); document.write(month + ", " + year + "</font></b>"); </script>