جافا سكربت - شبكة بن تركي

لجعل الكتابة تومض		لاختيار ألوان الخلفيه
<p align="left"><script language="JavaScript"> <!-- Begin function initArray() { for (var i =0; i < initArray.arguments.length; i++) { this[i] = initArray.arguments[i]; } this.length = initArray.arguments.length; } var colors = new initArray( "green", "purple", "blue", "purple", "green", "purple", "blue", "purple", "green", "purple", "blue", "purple", "green", "purple"); delay = .5; // seconds link = 0; vlink = 2; function linkDance() { link = ( link+3)%colors.length; vlink = (vlink+1)%colors.length; document.linkColor = colors[link]; document. vlinkColor = colors[vlink]; setTimeout("linkDance()",delay*1000); } linkDance(); // End --> </script></p> <p align="center"><a href="http://www.khayma.com/manayr/"><font size="6" face="Monotype Koufi">بن تركي</font></a></p> <p align="center"><font size="6" face="Monotype Koufi"></font> </p>		هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود onload="document.bgColor='lime'; return true;" في رأس الجسم <body bgcolor="#FFFFFF"> بين علامة التنصيص الاخيرة والقوس والخطوه الثانية إضافة بقية الكود بين ما سبق والواصفة </body> وهذا كود الخطوه الثانية <script language="Javascript"> <!-- function backcolor(form){ temp = "" for (var i = 0; i < 16; i++) { temp = form.color[i].value if (form.color[i].checked){ document.bgColor = temp } } } function randombackground(){ document.bgColor = getColor() } function getColor(){ currentdate = new Date() backgroundcolor = currentdate.getSeconds() if (backgroundcolor > 44) backgroundcolor = backgroundcolor - 45 else if (backgroundcolor > 29) backgroundcolor = backgroundcolor - 30 else if (backgroundcolor > 15) backgroundcolor = backgroundcolor - 16 if (backgroundcolor == 0 ) return "olive"; else if (backgroundcolor == 1 ) return "teal"; else if (backgroundcolor == 2 ) return "red"; else if (backgroundcolor == 3 ) return "blue"; else if (backgroundcolor == 4 ) return "maroon"; else if (backgroundcolor == 5 ) return "navy"; else if (backgroundcolor == 6 ) return "lime"; else if (backgroundcolor == 7 ) return "fuschia"; else if (backgroundcolor == 8 ) return "green"; else if (backgroundcolor == 9 ) return "purple"; else if (backgroundcolor == 10 ) return "gray"; else if (backgroundcolor == 11 ) return "yellow"; else if (backgroundcolor == 12 ) return "aqua"; else if (backgroundcolor == 13 ) return "black"; else if (backgroundcolor == 14 ) return "white"; else if (backgroundcolor == 15 ) return "silver"; } // --> </script> <p> </p> <p align="center"><font color="#0000FF" size="4"><strong>[ 1 ]</strong></font></p> <p align="center"> </p> <p><a onmouseover="randombackground()"><font color="#800080"><strong>Choose a random background color using onMouseOver</strong></font></a><font color="#800080"><strong> </strong></font></p> <hr> <form> <p align="center"><font color="#00FFFF"><strong><script language="Javascript"> <!-- var theDate = "" theDate = document.lastModified document.write("Last Modified: "); document.write(theDate); document.write(); //--> </script></strong></font></p> <p align="center"><font color="#800080"><strong>اضغط الزر لاختيار لون خلفية عشوائي</strong></font></p> <p align="center"><input type="button" value="اختيار عشوائي" onclick="randombackground()"> </p> </form> <hr> <form name="backcolorform"> <p align="center"><font color="#800080"><strong>اختر لون الخلفية</strong></font></p> <div align="center"><center><table border="0" bgcolor="#FFF0FF"> <tr> <td><font color="#800080"><input type="radio" name="color" value="green" onclick="backcolor(this.form)"></font><font color="#008000"><strong>Green</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="aqua" onclick="backcolor(this.form)"></strong></font><font color="#00FFFF"><strong>Aqua</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="red" onclick="backcolor(this.form)"></strong></font><font color="#FF0000"><strong>Red</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="olive" onclick="backcolor(this.form)"></strong></font><font color="#808000"><strong>Olive</strong></font></td> </tr> <tr> <td><font color="#800080"><strong><input type="radio" name="color" value="teal" onclick="backcolor(this.form)"></strong></font><font color="#408080"><strong>Teal</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="blue" onclick="backcolor(this.form)"></strong></font><font color="#0000FF"><strong>Blue</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="maroon" onclick="backcolor(this.form)"></strong></font><font color="#800000"><strong>Maroon</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="navy" onclick="backcolor(this.form)"></strong></font><font color="#004080"><strong>Navy</strong></font></td> </tr> <tr> <td><font color="#800080"><strong><input type="radio" name="color" value="gray" onclick="backcolor(this.form)"></strong></font><font color="#808080"><strong>Gray</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="lime" onclick="backcolor(this.form)"></strong></font><font color="#80FF00"><strong>Lime</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="fuschia" onclick="backcolor(this.form)"></strong></font><font color="#FF8080"><strong>Fuschia</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="white" onclick="backcolor(this.form)"></strong></font><font color="#FFFFFF"><strong>White</strong></font></td> </tr> <tr> <td><font color="#800080"><strong><input type="radio" name="color" value="purple" onclick="backcolor(this.form)">Purple</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="silver" onclick="backcolor(this.form)"></strong></font><font color="#C0C0C0"><strong>Silver</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="yellow" onclick="backcolor(this.form)"></strong></font><font color="#FFFF80"><strong>Yellow</strong></font></td> <td><font color="#800080"><strong><input type="radio" name="color" value="black" onclick="backcolor(this.form)"></strong></font><font color="#000000"><strong>Black</strong></font></td> </tr> </table> </center></div> </form> <p align="center"><a href="http://www.bnturki.com/"><font color="#FF00FF" size="4"><strong>BnTurki.Com</strong></font></a></p>

اله حاسبة		كتابت تاشر في اسفل المتصفح
<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>THE BASIC CALCULATOR</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 href="http://www.bnturki.com/"><font size="4"><strong>BnTurki.Com</strong></font></a></p> <p align="center"> </p> <p> </p> </body> </html>		<script language="JavaScript"> <!-- var x = 0 var speed = 300 var text = "Welcome to BnTurki.Com" function Blinky() { window.status = text setTimeout("Blinky2()", speed) } function Blinky2() { window.status = " " setTimeout("Blinky()", speed) } Blinky() //--> //http://www.bnturki.com/ </script> <p align="center"><font color="#800080" size="4"><strong></strong></font> </p> <p align="center"><font color="#800080" size="4"><strong></strong></font> </p>

ايطار فلاش		فلاش لخلفية الشاشة
<div align="center"><center> <table border="0" width="280" id="myexample" style="border:5px solid yellow"> <tr> <td><p align="center" dir="rtl"><font color="#408080" size="5" face="Tahoma"><strong>بن تركي - يرحب بكم</strong></font></p> </td> </tr> </table> </center></div><script language="JavaScript1.2"> <!-- /Flashing border script- By BnTurki.Com (http://www.bnturki.com/) Over 200+ free JavaScripts here! / function flashit(){ if (!document.all) return if (myexample.style.borderColor=="yellow") myexample.style.borderColor="lime" else myexample.style.borderColor="yellow" } setInterval("flashit()", 500) //--> </script> <p align="center"><a href="http://www.khayma.com/manayr/"><font size="2" face="arial, helvetica"><strong>Manayr.Net</strong></font></a></p>		<script language="javascript"> <!-- function makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i] = 0; return this; } hexArray = new makearray(16); for(var i = 0; i < 10; i++) hexArray[i] = i; hexArray[10]="A"; hexArray[11]="B"; hexArray[12]="C"; hexArray[13]="D"; hexArray[14]="E"; hexArray[15]="F"; function makeHex(i) { if (i < 0) return "00"; else if (i > 255) return "FF"; else return "" + hexArray[Math.floor(i/16)] + hexArray[i%16]; } function setbgColor(r, g, b) { var red = makeHex(r); var green = makeHex(g); var blue = makeHex(b); document.bgColor = "#"+red+green+blue; } function fade(sr, sg, sb, er, eg, eb, inc) { // keep updating the background color for(var i = 0; i <= inc; i++) { setbgColor( Math.floor(sr * ((inc-i)/inc) + er * (i/inc)), Math.floor(sg * ((inc-i)/inc) + eg * (i/inc)), Math.floor(sb * ((inc-i)/inc) + eb * (i/inc))); } } // The first six values are RGB color values, // and can be edited. (Ex. 255,255,255=white, // 0,0,0=black). The seventh value is a time // value, which can also be edited. (Ex. // 1000=1 second). fade(255,255,255, 0,0,0, 1000); // --> </script>

ألوان متعددة لخلفية الشاشة		عرض بألوان على خلفية الشاشة
<script language="Javascript"> <!-- This script and many more are available online free at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var COLOR = 999999 var woot = 0 function stoploop() { document.bgColor = '#000000'; clearTimeout(loopID); } function loopBackground() { if (COLOR > 0) { document.bgColor = '#' + COLOR COLOR -= 111111 loopID = setTimeout("loopBackground()",1) } else { document.bgColor = '#000000' woot += 10 COLOR = 999999 COLOR -= woot loopID = setTimeout("loopBackground()",1) } } // End --> </script> <form name="background"> <p align="center"><input type="button" value="للمشاهدة" onclick="loopBackground()"> <br> <input type="button" value="للتوقـف " onclick="stoploop()"> </p> </form> <p align="center"> </p> <p><!-- Script Size: 1.16 KB --> </p>		هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود onload="disco()" في رأس الجسم <body bgcolor="#FFFFFF"> بين علامة التنصيص الاخيرة والقوس والخطوه الثانية إضافة بقية الكود بين ما سبق والواصفة </body> وهذا كود الخطوه الثانية <script language="JavaScript"> <!-- //you can assign the initial color of the background here r=255; g=255; b=255; flag=0; t=new Array; o=new Array; d=new Array; function hex(a,c) { t[a]=Math.floor(c/16) o[a]=c%16 switch (t[a]) { case 10: t[a]='A'; break; case 11: t[a]='B'; break; case 12: t[a]='C'; break; case 13: t[a]='D'; break; case 14: t[a]='E'; break; case 15: t[a]='F'; break; default: break; } switch (o[a]) { case 10: o[a]='A'; break; case 11: o[a]='B'; break; case 12: o[a]='C'; break; case 13: o[a]='D'; break; case 14: o[a]='E'; break; case 15: o[a]='F'; break; default: break; } } function ran(a,c) { if ((Math.random()>2/3\|\|c==0)&&c<255) { c++ d[a]=2; } else { if ((Math.random()<=1/2\|\|c==255)&&c>0) { c-- d[a]=1; } else d[a]=0; } return c } function do_it(a,c) { if ((d[a]==2&&c<255)\|\|c==0) { c++ d[a]=2 } else if ((d[a]==1&&c>0)\|\|c==255) { c--; d[a]=1; } if (a==3) { if (d[1]==0&&d[2]==0&&d[3]==0) flag=1 } return c } function disco() { if (flag==0) { r=ran(1, r); g=ran(2, g); b=ran(3, b); hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag=50 } else { r=do_it(1, r) g=do_it(2,g) b=do_it(3,b) hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag-- } if (document.all) setTimeout('disco()',50) } //--> </script>

تغير الألوان عند وضع الموأشر على الحروف		ارتجاج الشاشة
<p align="center"><a onmouseover="document.bgColor='silver'"><font color="#004080" size="4"><strong>W</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>l</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>c</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>o</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>m</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>t</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>o</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>M</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>a</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='silver'"><font color="#004080" size="4"><strong>n</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>a</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>y</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>r</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>.</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>N</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>t</strong></font></a><font color="#004080" size="4"><strong> </strong></font></p> <p align="center"><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>W</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>l</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='silver'"><font color="#004080" size="4"><strong>c</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>o</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>m</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>t</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>o</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>M</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>a</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>n</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>a</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>y</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='silver'"><font color="#004080" size="4"><strong>r</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>.</strong></font></a><font color="#004080" size="4"><strong> </strong></font></p>		<script language="JavaScript1.2"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function shake(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); } } } } // End --> </script> <form> <p align="center"><input type="button" value="اضغـــط هنـــا" onclick="shake(2)"> </p> </form> <p align="center"><a href="http://www.bnturki.com/"><font color="#FF00FF" size="4"><strong>BnTurki.Com</strong></font></a></p>