:: التربوي الإسلامي العربي :: شفرات جافا متنوعة

الصفحة الرئيسة

خريطة الموقع

المجال التربوي

المجال الإسلامي

المجال العربي

شفرات جافا سكريبت متنوعة (1)

الأخبار من مفكرة الإسلام
<p align="center"><p align="center"><P align="left" class="para"> <iframe id='myframe' src=' http://islammemo.cc/news/bar.asp?bgcolor_var=white&fgcolor_var=black&fontname_var=tahoma&fontsize_var=4&fontbold_var=1&fontitalic_var=0&fontunderline_var=0&direction_var=right' frameBorder='no' width='100%' height='100%'></iframe> </P>  </p>

آخر الأخبار من قناة الجزيرة
<SCRIPT language=JavaScript></SCRIPT> <NOSCRIPT><IFRAME marginWidth=0 marginHeight=0 frameBorder=0 width=0 scrolling=no height=0></IFRAME></IFRAME></NOSCRIPT> <body bgcolor="#ffffff">

الأخبار من شبكة الـ BBC
<SCRIPT language=JavaScript></SCRIPT> <NOSCRIPT><IFRAME marginWidth=0 marginHeight=0 frameBorder=0 width=0 scrolling=no height=0></IFRAME></IFRAME></NOSCRIPT>

الأخبار من شبكة محيط
<SCRIPT language=JavaScript></SCRIPT> <NOSCRIPT><IFRAME marginWidth=0 marginHeight=0 frameBorder=0 width=0 scrolling=no height=0></IFRAME></IFRAME></NOSCRIPT>

الأخبار من شبكة الشرق الأوسط
<SCRIPT language=JavaScript></SCRIPT> <NOSCRIPT><IFRAME marginWidth=0 marginHeight=0 frameBorder=0 width=0 scrolling=no height=0></IFRAME></IFRAME></NOSCRIPT>

مجموعة من محركات البحث
<script language="JavaScript"></script>

محرك بحث جوجل Google
<center> <form action="http://www.google.com/search" method="get" target="_blank"> <table height="28" cellSpacing="0" cellPadding="0"> <tbody> <tr> <td height="24"><a style="COLOR: #00009c; TEXT-DECORATION: none" href="http://www.google.com/"><img alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" align="absMiddle" border="0" width="128" height="53"></a> <input maxLength="255" size="25" name="q" style="color: #800000; border: 1 solid #000000"> <input type="submit" value="ابحث" name="btnG" style="color: #FFFFFF; font-family: Tahoma; background-color: #333300; border: 1 solid #000000"></td> </tr> </tbody> </table> </form> </center>

محرك بحث العرب
<html><head><title>Suggestion form on an Arab Search Engine</title> <META NAME="description" CONTENT="Suggest an arab search engine or an Arab directory"> <META NAME="keywords" CONTENT="Arabic Search Engines, Arab Search Engine"></head> <body background="backg.gif" link="#800040" vlink="#001428"> <center><font size="2" face="Arial"><b><a href="http://www.arab.de/asearch.htm"> </a></b></font></center><br><br><br> <p><center><font size ="2" face="Arial"><b> Please enter the URL of the arab search engine or directory<p> </b></font></center><center><form action="/cgi-bin/email/ArabAlman/sgsearch.eml" method="POST"> <input type="hidden" name="ResponsePage" value="http://members.aol.com/ArabAlman/sgsdanke.htm"> <font size="2" face="Arial"><b>URL:</b></font><input type="text" size="60" name="URL" value="http://"><br><br> <input type="submit" value="Submit URL"> <input type="reset" value="Clear URL"></form></center> <br><br><br><center><font size="2" face="Arial"><b><a href="http://www.arab.de/asearch.htm"> </a></b></font></center></body></html>

تقويم ميلادي
<BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

آلة حاسبة
<script> function compute(obj) {obj.expr.value = eval(obj.expr.value)} var one = '1' var two = '2' var three = '3' var four = '4' var five = '5' var six = '6' var seven = '7' var eight = '8' var nine = '9' var zero = '0' var plus = '+' var minus = '-' var multiply = '*' var divide = '/' var decimal = '.' function enter(obj, string) {obj.expr.value += string} function clear(obj) {obj.expr.value = ''} </script> <p align="center"><font color="#000000" size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong></strong></font><strong> </strong></p> <form name="calc"> <div align="center"><center><table border="1" bgcolor="#FFEAFF"> <tr> <td colspan="4"><input type="text" size="30" name="expr" action="compute(this.form)"> </td> </tr> <tr> <td><p align="center"><input type="button" value=" 7 " onclick="enter(this.form, seven)"> </p> </td> <td><p align="center"><input type="button" value=" 8 " onclick="enter(this.form, eight)"> </p> </td> <td><p align="center"><input type="button" value=" 9 " onclick="enter(this.form, nine)"> </p> </td> <td><p align="center"><input type="button" value=" / " onclick="enter(this.form, divide)"> </p> </td> </tr> <tr> <td><p align="center"><input type="button" value=" 4 " onclick="enter(this.form, four)"> </p> </td> <td><p align="center"><input type="button" value=" 5 " onclick="enter(this.form, five)"> </p> </td> <td><p align="center"><input type="button" value=" 6 " onclick="enter(this.form, six)"> </p> </td> <td><p align="center"><input type="button" value=" * " onclick="enter(this.form, multiply)"> </p> </td> </tr> <tr> <td><p align="center"><input type="button" value=" 1 " onclick="enter(this.form, one)"> </p> </td> <td><p align="center"><input type="button" value=" 2 " onclick="enter(this.form, two)"> </p> </td> <td><p align="center"><input type="button" value=" 3 " onclick="enter(this.form, three)"> </p> </td> <td><p align="center"><input type="button" value=" - " onclick="enter(this.form, minus)"> </p> </td> </tr> <tr> <td colspan="2"><p align="center"><input type="button" value=" 0 " onclick="enter(this.form, zero)"> </p> </td> <td><p align="center"><input type="button" value=" . " onclick="enter(this.form, decimal)"> </p> </td> <td><p align="center"><input type="button" value=" + " onclick="enter(this.form, plus)"> </p> </td> </tr> <tr> <td colspan="2"><p align="center"><input type="button" value=" = " onclick="compute(this.form)"> </p> </td> <td colspan="2"><p align="center"><input type="reset" value="AC" onclick="clear(this.form)"> </p> </td> </tr> </table> </center></div> </form> <p align="center"> </p> <p align="center"><a <p align="center"> </p> <p> </p> </body> </html>

رسالة تظهر للزائر عند وصله للصفحة الرئيسة لموقعك
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

لجعل الصفحة تتحرك إلى أعلى آلياً
<script language="JavaScript1.2"> //change 1 to another integer to alter the scroll speed. Greater is faster var speed=1 var currentpos=0,alt=1,curpos1=0,curpos2=-1 function initialize(){ startit() } function scrollwindow(){ if (document.all) temp=document.body.scrollTop else temp=window.pageYOffset if (alt==0) alt=1 else alt=0 if (alt==0) curpos1=temp else curpos2=temp if (curpos1!=curpos2){ if (document.all) currentpos=document.body.scrollTop+speed else currentpos=window.pageYOffset+speed window.scroll(0,currentpos) } else{ currentpos=30 window.scroll(0,currentpos) } } function startit(){ setInterval("scrollwindow()",30) } window.onload=initialize </script>

كلمات تتبع الفأرة
<HTML> <HEAD> <TITLE>mouse</TITLE> <META name="description" content=""> <META name="keywords" content=""> <style>.spanstyle { COLOR: white; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </style> <SCRIPT LANGUAGE="JavaScript"> var x, y; var step = 10; var flag = 0; var message = "الله أكبر "; message = message.split(""); var xpos = new Array(); for (i = 0; i <= message.length - 1; i++) { xpos[i] = -50; } var ypos = new Array(); for (i = 0; i <= message.length - 1; i++) { ypos[i]= -50; } function handlerMM(e) { x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX; y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY; flag = 1; } function makesnake() { if (flag == 1 && document.all) { for (i = message.length - 1; i >= 1; i--) { xpos[i] = xpos[i - 1] + step; ypos[i] = ypos[i - 1]; } xpos[0] = x + step; ypos[0] = y; for (i = 0; i < message.length - 1; i++) { var thisspan = eval("span" + (i) + ".style"); thisspan.posLeft = xpos[i]; thisspan.posTop = ypos[i]; } } else if (flag==1 && document.layers) { for (i = message.length - 1; i >= 1; i--) { xpos[i] = xpos[i - 1] + step; ypos[i] = ypos[i - 1]; } xpos[0] = x + step; ypos[0] = y; for (i = 0; i < message.length - 1; i++) { var thisspan = eval("document.span" + i); thisspan.left = xpos[i]; thisspan.top = ypos[i]; } } var timer = setTimeout("makesnake()", 10); } // End --> </script> </HEAD> <body bgcolor="#000080" text="#000000" onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%"> <SCRIPT LANGUAGE="JavaScript">  </script> <//--><//"--> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  </BODY> </HTML>

منع الزر الأيمن للفأرة من العمل
<script language="JavaScript"> // --></script>

للتسجيل في المفضلة
<a href="javascript:window.external.AddFavorite('http://سجل هنا عنوان موقعك/',%20'((( سجل هنا اسم موقعك بالعربى)))')"> سجل في مفضلتك </a>

طلب ترشيح للموقع
<a href="javascript:window.external.AddFavorite('http://سجل هنا عنوان موقعك/',%20'((( سجل هنا اسم موقعك بالعربى)))')"> سجل في مفضلتك </a>

لإظهار صفحة داخل صفحة موقعك
<IFRAME WIDTH=100% HEIGHT=300 SRC="http://هنا ضع عنوان الصفحة"></IFRAME>

ضع صورتين متغيرتين على شكل زر بحيث اذا مررت بالفارة تتغير الصورة
(ضع اسم الصورة مثل كذا image.jpg)
  <HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY> <a href="العنوان" onmouseover="image1.src='الصورة الثانية';" onmouseout="image1.src='الصورة الأولى';"> <img name="image1" src="الصورة الأولى" border=0></a> </BODY>

ألعاب نارية في الصفحة
<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 LANGUAGE="Javascript"> //http://www.alsaher.net name=window.prompt("ادخل أسمك.","يسري "); document.write("<H1 align=center>التربوي الإسلامي العربي! "+name+".</H1>") //--> </script>

لتحية الزائر وفقاً لوقت وصوله للموقع (صباحاً ، ظهراً .. )
<script LANGUAGE="JavaScript">  </script>

منع الضغط على الزر الايمن فوق أي صورة ماعدا ذلك فهو مسموح ..
ولا يحتاج منك تحديد اسم ملف الصورة
<script language="JavaScript1.2"> /* Disable right click script II (on images)- By Dynamicdrive.com For full source, Terms of service, and 100s DTHML scripts Visit http://www.dynamicdrive.com */ var clickmessage="Right click disabled on images!" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; } if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </script>

منع استخدام الزر الأيمن وأيضا يمنع أي عمليه مسح لصورة أو كتابة
<body id="CBody" onbeforeprint="onbeforeprint()" onafterprint="onafterprint()" onselectstart="return false" oncontextmenu="return false;">

تلوين شريط التمرير في صفحتك.. ويمكنك التحكم بالألوان كما تريد
<STYLE>BODY { SCROLLBAR-FACE-COLOR: #808080; SCROLLBAR-HIGHLIGHT-COLOR: #eabc5a; SCROLLBAR-SHADOW-COLOR: #eabc5a; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #c0c0c0; SCROLLBAR-DARKSHADOW-COLOR: #eabc5a } </STYLE>

لتحديث الصفحة
<input type="Button" name="lukk" value=" قم بتجديدالصفحة دائماً" style="font-size: x-small; font-family: Tahoma; font-weight: normal; color: BLAC; background-color: #FFFFC6;" onClick="javascript:location.reload()">

لطيران صورة معينه في صفحتك فقط قم بوضع عنوان الصورة وستشاهد الحدث
  <BODY> <div id="img" style="position:absolute;"> <img src="ضع عنوان الصورة على النت هنا" onMouseDown="pauseResume();"> </div> <SCRIPT LANGUAGE="JavaScript">     </script>

التعرف على درجات الحرارة وظروف الطقس في القاهرة

التعرف على رموز أو كود الألوان
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta http-equiv="Content-Language" content="ar-sa"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Welcome To ABQARIAH</title> <STYLE> A:link { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } A:active { TEXT-DECORATION: none } A:hover { TEXT-DECORATION: none } </STYLE> <SCRIPT language=JavaScript>  } </SCRIPT> </head> <body link="#FFFFFF" text="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#FFE88A"> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="563" height="31"> <tr> <td width="563" height="11"> <p align="center"><b><font size="7" color="#000000">ألوان</font></b></td> </tr> </center> <tr> <td width="563" height="16"> <p align="center"><b><font size="5" color="#000000"> <marquee direction="right">أختر ما يناسبك من الألوان وضعها في موقعك</marquee> </font></b></td> </tr> </table> </div> <p align="center"><b><font color="#000000" size="6">ألوان أساسية</font></b></p> <div align="center"> <table border="0" cellpadding="0" cellspacing="6" width="636" height="202"> <tr> <td width="100" height="100" bgcolor="#000000"> <p align="right"><font color="#FFFFFF"><a href="javascript:void(0)" onCLICK="document.bgColor='#000000'"><span style="background-color: #000000">#000000</span></a></font></td> <td width="100" height="100" align="right" bgcolor="#FFFFFF"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFFFF'"><span style="background-color: #000000">#FFFFFF</span></a></td> <td width="100" height="100" bgcolor="#008000" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#008000'"><span style="background-color: #000000">#008000</span></a></td> <td width="100" height="100" bgcolor="#800000" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#800000'"><span style="background-color: #000000">#800000</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#808000" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#808000'"><span style="background-color: #000000">#808000</span></a></td> <td width="100" height="100" bgcolor="#000080" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#000080'"><span style="background-color: #000000">#000080</span></a></td> <td width="100" height="100" bgcolor="#800080" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#800080'"><span style="background-color: #000000">#800080</span></a></td> <td width="100" height="100" bgcolor="#808080" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#808080'"><span style="background-color: #000000">#808080</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FFFF00" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFF00'"><span style="background-color: #000000">#fFFF00</span></a></td> <td width="100" height="100" bgcolor="#00FF00" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FF00'"><span style="background-color: #000000">#00FF00</span></a></td> <td width="100" height="100" bgcolor="#00FFFF" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FFFF'"><span style="background-color: #000000">#00FFFF</span></a></td> <td width="100" height="100" bgcolor="#FF00FF" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF00FF'"><span style="background-color: #000000">#FF00FF</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#C0C0C0" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#C0C0C0'"><span style="background-color: #000000">#C0C0C0</span></a></td> <td width="100" height="100" bgcolor="#FF0000" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF0000'"><span style="background-color: #000000">#FF0000</span></a></td> <td width="100" height="100" bgcolor="#0000FF" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#0000FF'"><span style="background-color: #000000">#0000FF</span></a></td> <td width="100" height="100" bgcolor="#008080" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#008080'"><span style="background-color: #000000">#008080</span></a></td> </tr> <tr> <td width="400" height="39" colspan="4" align="right"> <p align="right"><font color="#000000" size="6"><b>ألوان اختيارية</b></font></td> </tr> <center> <tr> <td width="100" height="100" bgcolor="#CC3366" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC3366'"><span style="background-color: #000000">#CC3366</span></a></td> <td width="100" height="100" bgcolor="#FF9999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF9999'"><span style="background-color: #000000">#FF9999</span></a></td> <td width="100" height="100" bgcolor="#FF3366" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF3366'"><span style="background-color: #000000">#FF3366</span></a></td> <td width="100" height="100" bgcolor="#FFCCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFCCFF'"><span style="background-color: #000000">#FFCCFF</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF66CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF66CC'"><span style="background-color: #000000">#FF66CC</span></a></td> <td width="100" height="100" bgcolor="#CC6699" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC6699'"><span style="background-color: #000000">#CC6699</span></a></td> <td width="100" height="100" bgcolor="#CC3399" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC3399'"><span style="background-color: #000000">#CC3399</span></a></td> <td width="100" height="100" bgcolor="#FF99CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF99CC'"><span style="background-color: #000000">#FF99CC</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF99FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF99FF'"><span style="background-color: #000000">#FF99FF</span></a></td> <td width="100" height="100" bgcolor="#FF6699" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF6699'"><span style="background-color: #000000">#FF6699</span></a></td> <td width="100" height="100" bgcolor="#FF0066" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF0066'"><span style="background-color: #000000">#FF0066</span></a></td> <td width="100" height="100" bgcolor="#FF3399" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF3399'"><span style="background-color: #000000">#FF3399</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF33CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF33CC'"><span style="background-color: #000000">#FF33CC</span></a></td> <td width="100" height="100" bgcolor="#FF66FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF66FF'"><span style="background-color: #000000">#FF66FF</span></a></td> <td width="100" height="100" bgcolor="#CC99FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC99FF'"><span style="background-color: #000000">#CC99FF</span></a></td> <td width="100" height="100" bgcolor="#CC66CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC66CC'"><span style="background-color: #000000">#CC66CC</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#CC0099" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC0099'"><span style="background-color: #000000">#CC0099</span></a></td> <td width="100" height="100" bgcolor="#CC99CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC99CC'"><span style="background-color: #000000">#CC99CC</span></a></td> <td width="100" height="100" bgcolor="#996699" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#996699'"><span style="background-color: #000000">#996699</span></a></td> <td width="100" height="100" bgcolor="#CCCCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCCCFF'""><span style="background-color: #000000">#CCCCFF</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#9999FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#9999FF'"><span style="background-color: #000000">#9999FF</span></a></td> <td width="100" height="100" bgcolor="#3366CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#3366CC'"><span style="background-color: #000000">#3366CC</span></a></td> <td width="100" height="100" bgcolor="#99CCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99CCFF'"><span style="background-color: #000000">#99CCFF</span></a></td> <td width="100" height="100" bgcolor="#6699CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#6699CC'"><span style="background-color: #000000">#6699CC</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#0099CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#0099CC'"><span style="background-color: #000000">#0099CC</span></a></td> <td width="100" height="100" bgcolor="#00CCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00CCFF'"><span style="background-color: #000000">#00CCFF</span></a></td> <td width="100" height="100" bgcolor="#99FFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99FFFF'"><span style="background-color: #000000">#99FFFF</span></a></td> <td width="100" height="100" bgcolor="#66FFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#66FFFF'"><span style="background-color: #000000">#66FFFF</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#00FFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FFFF'"><span style="background-color: #000000">#00FFFF</span></a></td> <td width="100" height="100" bgcolor="#CCFFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCFFFF'"><span style="background-color: #000000">#CCFFFF</span></a></td> <td width="100" height="100" bgcolor="#00FFCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FFCC'"><span style="background-color: #000000">#00FFCC</span></a></td> <td width="100" height="100" bgcolor="#339999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#339999'"><span style="background-color: #000000">#339999</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#009999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#009999'"><span style="background-color: #000000">#009999</span></a></td> <td width="100" height="100" bgcolor="#33CC99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#33CC99'"><span style="background-color: #000000">#33CC99</span></a></td> <td width="100" height="100" bgcolor="#99CC99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99CC99'"><span style="background-color: #000000">#99CC99</span></a></td> <td width="100" height="100" bgcolor="#00FF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FF99'"><span style="background-color: #000000">#00FF99</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#66CC66" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#66CC66'"><span style="background-color: #000000">#66CC66</span></a></td> <td width="100" height="100" bgcolor="#99FF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99FF99'"><span style="background-color: #000000">#99FF99</span></a></td> <td width="100" height="100" bgcolor="#003300" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#003300'"><span style="background-color: #000000">#003300</span></a></td> <td width="100" height="100" bgcolor="#006600" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#006600'"><span style="background-color: #000000">#006600</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#CCFFCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCFFCC'"><span style="background-color: #000000">#CCFFCC</span></a></td> <td width="100" height="100" bgcolor="#CCFF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCFF99'"><span style="background-color: #000000">#CCFF99</span></a></td> <td width="100" height="100" bgcolor="#00CC00" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00CC00'"><span style="background-color: #000000">#00CC00</span></a></td> <td width="100" height="100" bgcolor="#999900" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#999900'"><span style="background-color: #000000">#999900</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#CCCC66" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCCC66'"><span style="background-color: #000000">#CCCC66</span></a></td> <td width="100" height="100" bgcolor="#999966" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#999966'"><span style="background-color: #000000">#999966</span></a></td> <td width="100" height="100" bgcolor="#FFFFCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFFCC'"><span style="background-color: #000000">#FFFFCC</span></a></td> <td width="100" height="100" bgcolor="#FFFF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFF99'"><span style="background-color: #000000">#FFFF99</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF9900" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF9900'"><span style="background-color: #000000">#FF9900</span></a></td> <td width="100" height="100" bgcolor="#CC9999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC9999'"><span style="background-color: #000000">#CC9999</span></a></td> <td width="100" height="100" bgcolor="#CC9966" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC9966'"><span style="background-color: #000000">#CC9966</span></a></td> <td width="100" height="100" bgcolor="#FFCC99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFCC99'"><span style="background-color: #000000">#FFCC99</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF6666" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF6666'"><span style="background-color: #000000">#FF6666</span></a></td> <td width="100" height="100" bgcolor="#CCCCCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCCCCC'"><span style="background-color: #000000">#CCCCCC</span></a></td> <td width="100" height="100" bgcolor="#999999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#999999'"><span style="background-color: #000000">#999999</span></a></td> <td width="100" height="100" bgcolor="#FFCCCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFCCCC'"><span style="background-color: #000000">#FFCCCC</span></a></td> </tr> </table> </center> </div> </body> </html>

عمل رسالة في شريط عنوان الصفحة
<CENTER> <script language="JavaScript"></script> </CENTER>

اسمك باللغة اليابانية
  <html> <head> </head> <body> <SCRIPT language="JavaScript"> </SCRIPT><br> <CENTER> </CENTER> <CENTER><B><FONT SIZE=+3></FONT></B></CENTER> <CENTER><B>اكتب اسمك هنا لوسمحت </B><FORM name="funkyform" action="javascript:nihongo(document.funkyform.namae.value)//"><INPUT type="text" name="namae"></CENTER> <CENTER> </CENTER> <CENTER><INPUT type="submit" value="اخبرنى كيف ينطق اسمى با اليبانى"></FORM></CENTER> <CENTER> </CENTER> <CENTER> </CENTER> <CENTER> alwafi 2000<br> </body> </html>

لعمل قائمة أيقونات (أزرار) شفافة
 <script language="JavaScript"> var isIE4 = false; function CheckBrowser() { if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.charAt(0) >= 4) { isIE4 = true; }} function mOvr(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; src.children.tags('A')[0].style.color = '#ffffff';}} function mOut(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.children.tags('A')[0].style.color = '#ffffff';}} function mClk(src) { if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();} } function mOvrTop(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver;}} function mOutTop(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn;}} </script>  <table cellspacing="3" cellpadding="0" border="0" width="420" align="center" bgcolor="#003366"> <tr> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.yahoo.com/"><font face="Verdana" size="-2">YAHOO</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://hotbot.lycos.com/"><font face="Verdana" size="-2">HOTBOT</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://WWW.CNN.com/"><font face="Verdana" size="-2">CNN</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.faisal1.com/"><font face="Verdana" size="1">موقع فيـصـل</font></a> </td> </tr> </table>

لإغلاق نظام التشغيل ويندوز
 <a href="javascript:self.close()">أغلق الصفحة</a>

۩ الهي : لك الحمد كما ينبغي لجلال وجهك وعظيم سلطانك ۩
۩ الحمد لله وحده : عدد خلقه ، وزنة عرشه ، ومداد كلماته ، ورضا نفسه ۩
يا ربي رضاك وعفوك، ومحبة حبيبك ومصطفاك الحبيب محمد صلى الله عليه وسلم من وراء الجهد والقصد ،
فتقبله خالصاً لوجهك الكريم
**********
د / يسري مصطفى السيد

Webstyle produced NavBar