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

تتغير لون الخلفية عند كل زيارة		التاريخ والوقت واليوم في أعلى المتصفح مع الترحيب
هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود onload="randombackground()" في رأس الجسم <body bgcolor="#FFFFFF"> بين علامة التنصيص الاخيرة والقوس والخطوه الثانية إضافة بقية الكود بين ما سبق والواصفة </body> وهذا كود الخطوه الثانية <script language="Javascript"> <!-- /* made by: VercingetouriX http://www.geocities.com/ResearchTriangle/Node/1327/labyrinth.html */ 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 "black"; else if (backgroundcolor == 1 ) return "blue"; else if (backgroundcolor == 2 ) return "red"; else if (backgroundcolor == 3 ) return "orange"; else if (backgroundcolor == 4 ) return "yellow"; else if (backgroundcolor == 5 ) return "green"; else if (backgroundcolor == 6 ) return "violet"; else if (backgroundcolor == 7 ) return "grey"; else if (backgroundcolor == 8 ) return "white"; else if (backgroundcolor == 9 ) return "turqoise"; else if (backgroundcolor == 10 ) return "teal"; else if (backgroundcolor == 11 ) return "dark green"; else if (backgroundcolor == 12 ) return "pink"; else if (backgroundcolor == 13 ) return "olive"; else if (backgroundcolor == 14 ) return "brown"; else if (backgroundcolor == 15 ) return "lightblue"; } //--> </script><!-- Use this entire tag only if you don't have a body tag already. Otherwise, just add the onLoad="randombackground" part to your existing body tag -->		<script language="JavaScript1.2"> <!--hide //date in title by Randall Smith copyright 1999 //Permission given to Dynamicdrive.com to feature it in it's DHTML archive //Script modified by Dynamicdrive.com to make it cross browser friendly. Visit Dynamicdrive.com for more DHTML scripts //please visit me on the web at http://members.xoom.com/u4rstunzd/ //when it gets to the year 2000 you'll need to change the 19 to 20 if not when it's the year 2000 //it will show the year as 1900 to change it see where it says 19"+Year+" just change the 19 to 20 //and to change the title:where it says Welcome todays date is: just put you own text in if you would like to-- var isnMonth = new Array("January","February","March","April","May","June","July","August","Septerber","October","November","December"); var isnDay = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"); today = new Date () ; Year=today.getYear(); Date=today.getDate(); if (document.all) document.title="Welcome. today\'s date is: "+isnDay[today.getDay()]+", "+isnMonth[today.getMonth()]+" "+Date+", 19"+Year+"" //--hide--> </script>

الاختيار من القائمة ، داخل ايطار		نافذة جديدة بمواصفات معينة تحددها أنت
<script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: BnTurki - http://www.bnturki.com/ function go2place() { document.location = document.advml.uls.options[document.advml.uls.selectedIndex].value } //--> </script> <form name="advml"> <p align="center"><select name="uls" multiple size="9" onchange="go2place()"> <option value=" http://www.bnturki.com /">الرئيسية</option> <option value=" http://www.bnturki.net/drdsha.htm ">ما الجديد ؟</option> <option value=" http://www.bnturki.com ">صمم موقعك</option> <option value=" http://www.bnturki.com ">مواقع مميزة</option> <option value=" http://www.bnturki.com /">اضف موقعك</option> <option value=" http://www.bnturki.com ">ركن المواقع</option> <option value=" http://www.bnturki.com ">ركن البرامج</option> <option value=" http://www.bnturki.com ">ركن الخدمات</option> <option value=" http://www.bnturki.com ">ركن الجافا</option> <option value="http://www.bnturki.com">ركن التعليم</option> <option value="mailto:webmaster@bnturki.com">لمراسلتي</option> </select> </p> </form> <p align="center"><a href="http://www.bnturki.com/"><font color="#FF00FF" size="4"><strong>BnTurki</strong></font></a></p>		<script language="JAVASCRIPT"><!-- hide //-------------------------------------------------- // Copyright Reaz Hoque, 1996, All right reserved // This code can be used for non-profit use only if // the copyright notice is kept. //--------------------------------------------------- function customize(form) { var address = document.form1.url.value; var op_tool = (document.form1.tool.checked== true) ? 1 : 0; var op_loc_box = (document.form1.loc_box.checked == true) ? 1 : 0; var op_dir = (document.form1.dir.checked == true) ? 1 : 0; var op_stat = (document.form1.stat.checked == true) ? 1 : 0; var op_menu = (document.form1.menu.checked == true) ? 1 : 0; var op_scroll = (document.form1.scroll.checked == true) ? 1 : 0; var op_resize = (document.form1.resize.checked == true) ? 1 : 0; var op_wid = document.form1.wid.value; var op_heigh = document.form1.heigh.value; var option = "toolbar=" + op_tool + ",location=" + op_loc_box + ",directories=" + op_dir + ",status=" + op_stat + ",menubar=" + op_menu + ",scrollbars=" + op_scroll + ",resizeable=" + op_resize + ",width=" + op_wid + ",height=" + op_heigh; var win3 = window.open("", "what_I_want", option); var win4 = window.open(address, "what_I_want"); } function clear(form){ document.form1.wid.value=""; document.form1.heigh.value=""; } // done hiding --> </script><div align="center"><center> <table border="1" cellpadding="5"> <tr> <td><pre> </pre> <form action="javascript:" method="POST" name="form1"> <div align="center"><center><pre><input type="text" size="30" name="url" value="http://">: URL <input type="checkbox" name="tool">: Toolbar <input type="checkbox" name="loc_box">: Location <input type="checkbox" name="dir">: Directories <input type="checkbox" name="stat">: Status <input type="checkbox" name="menu">: Menubar <input type="checkbox" name="scroll">: Scrollbars <input type="checkbox" name="resize">: Resizable <input type="text" size="20" name="wid" value="500">: Width <input type="text" size="20" name="heigh" value="200">: Height <input type="button" value=" ENTER " onclick="customize(this.form)"> <input type="reset" value=" RESET " onclick="clear(this.form)"> </pre> </center></div> </form> </td> </tr> </table> </center></div> <p align="center"><a href="http://www.khayma.com/manayr/"><font color="#FF00FF" size="4"><strong>Manayr.Net</strong></font></a></p>

اختيار من القائمة ، وشرح محتوياتها		الاختيار من القائمة ، داخل ايطار ، أخري
<script language="JavaScript"> <!-- Original: Stephanie M. Clarkson (thespian@sleepingcat.com) --> <!-- Web Site: http://www.sleepingcat.com --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var messages = new Array(11); messages[0] = ""; messages[1] = "يهمني جداً أن أعرف رأيك بتصميم الموقع ، والصفحة الرئيسية بالذات ، فهي الواجهة ومن خلالها يكون انطباع وحكم الزائر ، فلهذا لا تبخل علينا برأيك"; messages[2] = "من خلال هذه الصفحة ستتمكن من معرفة جديد موقعنا ، وإذا رغبت بأن نخبرك دوماً عن جديد الموقع ، تكرم مشكوراً بوضع بريدك ، وسنقوم بإذن الله بمراسلتك"; messages[3] = "صفحة خاصة بتصميم المواقع ، ستفيدك حتما إذا كنت من المبتدئين ، تابع الدروس واخبرنا بالنقاط التي لم نتمكن من إيصالها لك ... ولك مني كل الشكر"; messages[4] = "في هذه الصفحة ستجد مجموعة من المواقع المميزة ، على الاقل من وجهة نظري ، وقد تكون هناك مواقع مميزة غابت عن ذهني أو لم اتمكن بعد من زيارتها ، أرجو التكرم بإخباري بها ... وشكراً "; messages[5] = "هذه الوصلة تمكنك من إضافة موقعك لدينا - ركن المواقع"; messages[6] = "أظن بأن الصفحة لا تحتاج لتعليق ، فالكتاب واضح من عنوانه ، ولكنني وددت تذكيرك بأن بإمكانك أن ترى موقعك بين هذه القائمة من المواقعك ، لو تكرمت بإضافته لدينا"; messages[7] = "عزيزي الزائر ستجد في هذه الصفحة كل ما ستحتاجه لبناء موقعك الشخصي - مساحات مجانية ، عداد وسجل للزوار ، الجافا ، محركات بحث ، عناوين قصيرة لموقعك ساحات وغرف دردشة ، نشرة مراسلات ، جرافيك وصور ، والكثير الكثير من الخدمات ... جرب أن تزور هذه الصفحة"; messages[8] = "في هذه الصفحة ستجد الكثير من البرامج المجانية والتي طالما رغبت بالحصول عليها"; messages[9] = "ستجد في هذه الصفحة كل ما هو جديد في عالم الجافا ، لهذا تواصل معنا دوماً ... وشكراً"; messages[10] = "ستجد في هذه الصفحة المتواضعة باقة متنوعة من الدروس التعليمية لبعض البرامج جمعتها لك من هنا وهناك ، أرجو أن تحوز على أعجابك"; function messageReveal() { var messageindex = document.messageForm.messagePick.selectedIndex document.messageForm.messageField.value = messages[messageindex]; } // End --> </script> <form name="messageForm"> <p align="center"><select name="messagePick" size="1" onchange="messageReveal()"> <option value="0">--- اختر من القائمــــة ---</option> <option>الرئيســية </option> <option>ما الجديــد ؟ </option> <option>صمم موقعــك </option> <option>مواقع مميزة </option> <option>اضف موقعك </option> <option>ركن المواقع </option> <option>ركن الخدمات </option> <option>ركن البرامج </option> <option>ركن الجافا </option> <option>ركن التعليم </option> </select> <br> </p> <p align="center"><textarea name="messageField" rows="6" cols="50" wrap="virtual">		<form name="guideform"> <p align="center"><select name="guidelinks" size="1" onchange="window.location=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value"> <option selected value="javascript:void(0)">ـــ اختار من القائمة ـــ</option> <option value="http://www.bnturki.com/">الرئيسية</option> <option value=" http://www.bnturki.com ">ما الجديد ؟</option> <option value=" http://www.bnturki.com ">صمم موقعك</option> <option value=" http://www.bnturki.com/top.htm">مواقع مميزة</option> <option value=" http://www.bnturki.com /">اضف موقعك</option> <option value=" http://www.bnturki.com ">ركن المواقع</option> <option value=" http://www.bnturki.com ">ركن البرامج</option> <option value="http://www.khayma.com/manayr/free.htm">ركن الخدمات</option> <option value="http://www.khayma.com/manayr/java.htm">ركن الجافا</option> <option value="http://www.bnturki.com">ركن التعليم</option> <option value="mailto:info@bnturki.com">لمراسلتي</option> </select> </p> </form> <p align="center"><a href="http://www.bnturki.com/"><font color="#FF00FF" size="4"><strong>BnTurki</strong></font></a></p>

تسليط الضوء على الصورة		للبحث داخل الصفحه هذا عن أي كلمه
هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود <style> <!-- #spotlight{ filter:light } --> </style> في منطقة الرأس أي بين الواصفتين <head>- </head> والخطوه الثانية إضافة بقية الكود بين الواصفتين <body> - </body> وهذا كود الخطوه الثانية <p align="center"><br> <img src="Image2.jpg" width="400" height="85" id="spotlight" speed="70"> </p> <p><script language="JavaScript1.2"> /* Moving light on image script © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all&&window.spotlight){ var x=new Array() var direction=new Array() var y=new Array() if (spotlight.length==null){ spotlight[0]=document.all.spotlight x[0]=0 direction[0]="right" y[0]=spotlight[0].height spotlight[0].filters.light.addPoint(100,50,100,255,255,255,90) } else for (i=0;i<spotlight.length;i++){ x[i]=0 direction[i]="right" y[i]=spotlight[i].height spotlight[i].filters.light.addPoint(100,50,100,255,255,255,90) } } function slidelight(cur){ spotlight[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1) if (x[cur]<spotlight[cur].width+200&&direction[cur]=="right") x[cur]+=10 else if (x[cur]>spotlight[cur].width+200){ direction[cur]="left" x[cur]-=10 } else if (x[cur]>-200&&x[cur]<-185){ direction[cur]="right" x[cur]+=10 } else{ x[cur]-=10 direction[cur]="left" } } if (document.all&&window.spotlight){ if (spotlight.length==null) setInterval("slidelight(0)",spotlight[0].speed) else for (t=0;t<spotlight.length;t++){ var temp='setInterval("slidelight('+t+')",'+spotlight[t].speed+')' eval(temp) } } </script> </p> <p align="center"><a href="http://www.bnturki.com/"><font color="#FF00FF" size="4"><strong>BnTurki</strong></font></a></p>		<script language="JavaScript"> <!-- Original: Mike Hall (MHall75819@aol.com) --> <!-- Web Site: http://members.aol.com/MHall75819 --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var NS4 = (document.layers); var IE4 = (document.all); var win = this; var n = 0; function findInPage(str) { var txt, i, found; if (str == "") return false; if (NS4) { if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; if (n == 0) alert(str + " was not found on this page."); } if (IE4) { txt = win.document.body.createTextRange(); for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { txt.moveStart("character", 1); txt.moveEnd("textedit"); } if (found) { txt.moveStart("character", -1); txt.findText(str); txt.select(); txt.scrollIntoView(); n++; } else { if (n > 0) { n = 0; findInPage(str); } else alert(str + " was not found on this page."); } } return false; } // End --> </script> <form name="search" onsubmit="return findInPage(this.string.value);"> <p align="center"><font color="#800080" size="4"><strong>ابحث</strong></font> <input type="text" size="15" name="string" onchange="n = 0;"> </p> </form> <p align="center"><a href="http://www.bnturki.com/"><font color="#FF00FF" size="4"><strong>BnTurki</strong></font></a></p>

ارتجاج الاشكل عند مرور الماوس عليها		ظهور الشكل حين وضع الماوس على الصورة
الخطوه الاولى عليك بإضافة هذا الكود <style> <!-- .shakeimage{ position:relative } //--> </style> في الرأس أي بين الواصفتين <head>- </head> والخطوه الثانية إضافة بقية الكود بين الواصفتين <body> - </body> وهذا كود الخطوه الثانية <script language="JavaScript1.2"> /* Shake image script (onMouseover)- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)\|\|stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script> </p> <p><a href="mailto:info@bnturki.net"><img src="email12.gif" alt="لمراســلتي" border="0" width="60" height="60" class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)"></a> <a href="index.htm"><img src="index.gif" alt="الرئيســـية" border="0" width="60" height="60" class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)"></a> </p> <p align="center"><a href="http://www.bnturki.com/"><font color="#FF00FF" size="4"><strong>BnTurki</strong></font></a></p>		<script language="JavaScript1.2"> /* Highlight Image Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20 } </script><div align="center"><center> <table dir="rtl" border="0" cellpadding="0" cellspacing="0" width="200" bgcolor="#B5C188"> <tr> <td><p align="center"><a href="index.htm"><img src="../manayr.net/index.gif" alt="الرئيســـية" border="0" width="60" height="60" style="filter:alpha(opacity=20)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)"></a></p> </td> <td><p align="center"><a href="mailto:manayr@yahoo.com"><img src="../manayr.net/email12.gif" alt="لمراســلتي" border="0" width="60" height="60" style="filter:alpha(opacity=20)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)"></a></p> </td> </tr> </table> </center></div> <p align="center"><a href="http://www.bnturki.com/"><font color="#FF00FF" size="4"><strong>BnTurki</strong></font></a></p>