أكواد جافا 2 (( علواني ))

1 \ 2 \ 3

سكربتات جافا تستخدم في تصميم المواقع

آلـة حاسبة

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>Calculator</TITLE>   <SCRIPT LANGUAGE="javascript">    </SCRIPT> </HEAD>  <BODY BGCOLOR="black" onload="reset();">  <CENTER> <P> <FORM NAME="f"> <TABLE BGCOLOR=#000000 WIDTH=400 BORDER=5 CELLSPACING=2 CELLPADDING=2> <TR> <TD BGCOLOR=#C0C0C0 COLSPAN=7 ALIGN=RIGHT> <INPUT NAME="display" TYPE=TEXT VALUE=0 SIZE=25> <INPUT NAME="stack" TYPE=HIDDEN VALUE=0> </TD> </TR> <TR> <TD BGCOLOR=#FF0000><INPUT TYPE=BUTTON VALUE=" Help " onclick="helpFile();"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" Num " onclick="random()+addChar(display,mikesnum)+addChar(stack,mikesnum);"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" <00> " onclick="onlyTwo();"></TD> <TD BGCOLOR=#008000><INPUT TYPE=BUTTON VALUE=" <-> " onclick="round();"></TD> <TD BGCOLOR=#800080><INPUT TYPE=BUTTON VALUE=" M2+ " onclick="mem(2);"></TD> <TD BGCOLOR=#800080><INPUT TYPE=BUTTON VALUE="M2R " onclick="mem(-2);"></TD> <TD BGCOLOR=#800080><INPUT TYPE=BUTTON VALUE=" M2C" onclick="mem(3);"></TD> </TR> <TR> <TD BGCOLOR=#FF0000><INPUT TYPE=BUTTON VALUE=" Clear" onclick="newSlate();"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" x ³ " onclick="addChar(display.value)+cube();"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" x ² " onclick="addChar(display.value)+square();"></TD> <TD BGCOLOR=#008000><INPUT TYPE=BUTTON VALUE=" % " onclick="perCent();"></TD> <TD BGCOLOR=#800080><INPUT TYPE=BUTTON VALUE=" M+ " onclick="mem(1);"></TD> <TD BGCOLOR=#800080><INPUT TYPE=BUTTON VALUE=" MR " onclick="mem(-1);"></TD> <TD BGCOLOR=#800080><INPUT TYPE=BUTTON VALUE=" MC " onclick="mem(0);"></TD> </TR> <TR> <TD BGCOLOR=#000080><INPUT TYPE=BUTTON VALUE=" E " onclick="wipe()+addChar(display,Math.E)+addChar(stack,Math.E);"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" Exp " onclick="addChar(display.value)+exp();"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" Sqrt " onclick="addChar(stack)+sqrt();"></TD> <TD BGCOLOR=#008000><INPUT TYPE=BUTTON VALUE=" ÷ " onclick="addChar(stack,'/')+wipe()+addChar(display,'/');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 7 " onclick="addChar(display,'7')+addChar(stack,'7');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 8 " onclick="addChar(display,'8')+addChar(stack,'8');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 9 " onclick="addChar(display,'9')+addChar(stack,'9');"></TD> </TR> <TR> <TD BGCOLOR=#000080><INPUT TYPE=BUTTON VALUE="Sqrt½" onclick="wipe()+addChar(display,Math.SQRT1_2)+addChar(stack,Math.SQRT1_2);"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" Log " onclick="addChar(display.value)+log();"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" Abs " onclick="addChar(display.value)+abs();"></TD> <TD BGCOLOR=#008000><INPUT TYPE=BUTTON VALUE=" × " onclick="addChar(stack,'*')+wipe()+addChar(display,'*');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 4 " onclick="addChar(display,'4')+addChar(stack,'4');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 5 " onclick="addChar(display,'5')+addChar(stack,'5');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 6 " onclick="addChar(display,'6')+addChar(stack,'6');"></TD> </TR> <TR> <TD BGCOLOR=#000080><INPUT TYPE=BUTTON VALUE=" Ln2 " onclick="wipe()+addChar(display,Math.LN2)+addChar(stack,Math.LN2);"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE="ATan" onclick="addChar(display.value)+atan();"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" Tan " onclick="addChar(display.value)+tan();"></TD> <TD BGCOLOR=#008000><INPUT TYPE=BUTTON VALUE=" - " onclick="addChar(stack,'-')+wipe()+addChar(display,'-');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 1 " onclick="addChar(display,'1')+addChar(stack,'1');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 2 " onclick="addChar(display,'2')+addChar(stack,'2');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 3 " onclick="addChar(display,'3')+addChar(stack,'3');"></TD> </TR> <TR> <TD BGCOLOR=#000080><INPUT TYPE=BUTTON VALUE=" Ln10 " onclick="wipe()+addChar(display,Math.LN10)+addChar(stack,Math.LN10);"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE="ACos" onclick="addChar(display.value)+acos();"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" Cos " onclick="addChar(display.value)+cos();"></TD> <TD BGCOLOR=#008000><INPUT TYPE=BUTTON VALUE=" + " onclick="addChar(stack,'+')+wipe()+addChar(display,'+');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" ± " onclick="changeSign(display)+changeSign(stack);"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" . " onclick="addChar(display,'.')+addChar(stack,'.');"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" 0 " onclick="addChar(display,'0')+addChar(stack,'0');"></TD> </TR> <TR> <TD BGCOLOR=#000080><INPUT TYPE=BUTTON VALUE=" Pi " onclick="wipe()+addChar(display,Math.PI)+addChar(stack,Math.PI);"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" ASin " onclick="addChar(display.value)+asin();"></TD> <TD BGCOLOR=#0000FF><INPUT TYPE=BUTTON VALUE=" Sin " onclick="addChar(display.value)+sin()+swipe();"></TD> <TD BGCOLOR=#008000><INPUT TYPE=BUTTON VALUE=" <- " onclick="deleteChar(display)+deleteChar(stack);"></TD> <TD BGCOLOR=#FFA500 COLSPAN='2'><INPUT TYPE=BUTTON VALUE=" = " onclick="testFirst()+swipe();"></TD> <TD BGCOLOR=#FFA500><INPUT TYPE=BUTTON VALUE=" C " onclick="reset();"></TD> </TR> </TABLE> </FORM> </CENTER> </BODY> </HTML>

------------------------------------------------------------------------

العاب نارية في الخلفية

( مثال )

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

------------------------------------------------------------------------

امطار متساقطة

( مثال )

<BODY> <SCRIPT LANGUAGE="JavaScript">      </script> <p><center> <font face="arial, helvetica" size="-2"><br> <a href="http://javascriptsource.com"></a></font> </center><p>

------------------------------------------------------------------------

تحية حسب الوقت

( مثال )

------------------------------------------------------------------------

تقويم للموقع

( مثال )

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

------------------------------------------------------------------------

تحديث الصفحة

( مثال )

------------------------------------------------------------------------

رسائل في شريط المهام

( مثال )

<html dir="rtl"> <head> <meta http-equiv="Content-Language" content="ar-sa"> <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>رسائل في شريط المهام</title> <script language="JavaScript">  </script> </head> <body onLoad="pingpong()" bgcolor="#DEF1FE"> </body> </html>

------------------------------------------------------------------------

رسائل في شريط المهام

( مثال )

------------------------------------------------------------------------

رسائل في شريط المهام

( مثال )

<body onload="timerONE=window.setTimeout('scrollit_r2l(100)',100);" <a href="jv_main.html" target="display" background="../images/bkgrnd.jpg"> <script language="JavaScript">  </script>

------------------------------------------------------------------------

رسائل في شريط المهام

( مثال )