سكربتات وأكواد HTML

أقدم لكم طريقة سهلة لنسخ كود السكربت ولصقه في الصفحة التي تقوم تقوم بتصميمها باستخدام برنامج Front Page ( دون الدخول إلى صفحة التعليمات البرمجية )
1- انقر بالزر الأيمن للماوس في مربع النص الخاص بالكود المراد نسخه ثم اختر الأمر تحديد الكل select all فيحدد كامل نص الكود ، ثم مرة ثانية اضغط بالزر الأيمن للماوس على النص الذي تم تحديده واختر الأمر نسخ copy
2- انتقل إلى الصفحة التي تريد لصق الكود فيها . ثم افتح قائمة إدراج واختر الأمر مكون ويب web component
3- اختر من قائمة نوع المكون عناصر تحكم متقدمة ثم حدد عنصر التحكم HTML ثم اضغط الزر إنهاء
4- يظهر مربع نص بعنوان علامة HTML . انقر داخله بالزر الأيمن للماوس واختر الأمر لصق past ثم انقر الزر موافق
فيظهر في الصفحة الرمز <?> أحفظ التغيرات ثم عاين الصفحة في المستعرض فتلاحظ ناتج تأثير هذا الكود

وظيفة الكود	كود HTML
إظهار رسالة ترحيب عند الدخول إلى الصفحة ورسالة وداع عند الخروج	<BODY onLoad="alert('أهلاً بك في موقعي الخاص');" onUnload="alert('مع السلامة');">
ساعة رقمية تظهر في شريط المعلومات	<script language="JavaScript"><!-- var timerID = null; var TimerRunning = false; function stop(){ if(TimerRunning) clearTimeout(timerID); TimerRunning = false; } function display() { var thedate = new Date(); var hours = thedate.getHours(); var Min = thedate.getMinutes(); var Sec = thedate.getSeconds(); var TimeV = "" + ((hours >12) ? hours -12 :hours) TimeV += ((Min < 10) ? ":0" : ":") + Min TimeV += ((Sec < 10) ? ":0" : ":") + Sec TimeV += (hours >= 12) ? " PM" : " AM" window.status = TimeV; timerID = setTimeout("display()",1000); TimerRunning = true; } function start() { stop(); display(); } start(); // end hide // --></script>
طلب اسم الزائر عند الدخول الى الصفحة	<SCRIPT LANGUAGE="Javascript"> //http://www.star28.com name=window.prompt("ادخل أسمك.","هنا "); document.write("<H1 align=center>أهلين فيك يا "+name+".</H1>") //--> </script>
كود الوان متغيرة لصفحات الوب	<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> <body onload="disco()">
سكربت رائع يظهر نص متغير في شريط المعلومات	<SCRIPT language=JavaScript> // set speed of banner (pause in milliseconds between addition of new character) var speed = 10 // decrease value to increase speed (must be positive) // set pause between completion of message and beginning of following message var pause = 4500 // increase value to increase pause // set initial values var timerID = null var bannerRunning = false // create array var ar = new Array() // اكتب هنا الجمل التي تود ان تظهر بشريط المعلومات ar[0] = "خالد الصفدي " ar[1] = "مدرس : رياضيات ومعلوماتية" ar[2] = "السويداء - صلخد" ar[3] = "هاتف : 0955582967 " ar[4] = "E-Mail :alsafadi.khaled@gmail.com" // assign index of current message var message = 0 // empty string initialization var state = "" // no value is currently being displayed clearState() // stop the banner if it is currently running function stopBanner() { // if banner is currently running if (bannerRunning) // stop the banner clearTimeout(timerID) // timer is now stopped timerRunning = false } // start the banner function startBanner() { // make sure the banner is stopped stopBanner() // start the banner from the current position showBanner() } // assign state a string of "0" characters of the length of the current message function clearState() { // initialize to empty string state = "" // create string of same length containing 0 digits for (var i = 0; i < ar[message].length; ++i) { state += "0" } } // display the current message function showBanner() { // if the current message is done if (getString()) { // increment message message++ // if new message is out of range wrap around to first message if (ar.length <= message) message = 0 // new message is first displayed as empty string clearState() // display next character after pause milliseconds timerID = setTimeout("showBanner()", pause) } else { // initialize to empty string var str = "" // built string to be displayed (only character selected thus far are displayed) for (var j = 0; j < state.length; ++j) { str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " " } // partial string is placed in status bar window.status = str // add another character after speed milliseconds timerID = setTimeout("showBanner()", speed) } } function getString() { // set variable to true (it will stay true unless proven otherwise) var full = true // set variable to false if a free space is found in string (a not-displayed char) for (var j = 0; j < state.length; ++j) { // if character at index j of current message has not been placed in displayed string if (state.charAt(j) == 0) full = false } // return true immediately if no space found (avoid infinitive loop later) if (full) return true // search for random until free space found (braoken up via break statement) while (1) { // a random number (between 0 and state.length - 1 == message.length - 1) var num = getRandom(ar[message].length) // if free space found break infinitive loop if (state.charAt(num) == "0") break } // replace the 0 character with 1 character at place found state = state.substring(0, num) + "1" + state.substring(num + 1, state.length) // return false because the string was not full (free space was found) return false } function getRandom(max) { // create instance of current date var now = new Date() // create a random number (good generator) var num = now.getTime() * now.getSeconds() * Math.random() // cut random number to value between 0 and max - 1, inclusive return num % max } startBanner() // --> </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"> <!-- Begin for (i = 0; i <= message.length-1; i++) { document.write("<span id='span"+i+"' class='spanstyle'>"); document.write(message[i]); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // End --> </script> <//--><//"--><!-- VC layer --> <SCRIPT LANGUAGE="JavaScript"> <!-- document.write('<LAYER SRC="' + ValueBanner + '&t=html" WIDTH="' + IWidth + '" '); document.write('HEIGHT="' + IHeight + '" VISIBILITY="hide" onLoad='); document.write('"moveToAbsolute(VC.pageX,VC.pageY); clip.width=' + IWidth + '; '); document.write('clip.height=' + IHeight + '; visibility=\'show\'"></LAYER>'); // --> </SCRIPT> <!-- vc layer --> </BODY> </HTML>
إظهار صورة تتحرك عشوائياً داخل الصفحة ، تتوقف عند النقر عليها	<!-- ONE STEP TO INSTALL BOUNCING IMAGE: 1. Copy the coding into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the BODY of your HTML document --> <BODY> <div id="img" style="position:absolute;"> <img src="ضع عنوان الصورة هنا" onMouseDown="pauseResume();"> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Justin Arruda (JArruda@mindspring.com) --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; var name = navigator.appName; if(name == "Microsoft Internet Explorer") name = true; else name = false; var xPos = 20; if(name) var yPos = document.body.clientHeight; else var yPos = window.innerHeight; function changePos() { if(name) { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; img.style.left = xPos + document.body.scrollLeft; img.style.top = yPos + document.body.scrollTop; } else { height = window.innerHeight; width = window.innerWidth; Hoffset = document.img.clip.height; Woffset = document.img.clip.width; document.img.pageY = yPos + window.pageYOffset; document.img.pageX = xPos + window.pageXOffset; } if (yon) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset); } if (xon) { xPos = xPos + step; } else { xPos = xPos - step; } if (xPos < 0) { xon = 1; xPos = 0; } if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset); } } function start() { if(name) img.visibility = "visible"; else document.img.visibility = "visible"; interval = setInterval('changePos()',delay); } function pauseResume() { if(pause) { clearInterval(interval); pause = false; } else { interval = setInterval('changePos()',delay); pause = true; } } start(); // End --> </script>
إظهار نص مشع	<p><span id="theText" style="width:100%"> </p> <p align="center"><font color="#FFF9F2" size="5" face="Monotype Koufi"><strong>أكتب النص هنا</strong></font><font color="#FFF9F2" size="4" face="Tahoma"><strong> </strong></font><font color="#FFF9F2" size="6"><strong> </span><script language="JavaScript"><!-- /* غزة سوفت www.gazasoft.com */ //range of glowing var from = 3; var to = 7; //speed of pulsing var delay = 85; //color of glow, name or RGB value (example:'#') var glowColor = "#FFBC6A"; //NO MORE EDITING!!! var i = to; var j = 0; //can be called here or whenever you want the text to start pulsing textPulseDown(); function textPulseUp() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown()',delay); return 0; } } function textPulseDown() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp()',delay); return 0; } } // --></script> </strong></font></p>
كود يظهر قائمة بأشهر محركات البحث	<script language="JavaScript"><!-- // START HIDE var MAX_ENGINES = 35; var tp=''; var tpp=''; var find = 'hunt'; var hold=0; var hold2=0; var gog=0; var ap=''; function MakeArray(n) { for (var i = 1; i <= n; i++) { this[i] = 0; } this.maxlen = n; this.len = 0; return this; } var engs = new MakeArray(MAX_ENGINES); function find_substring(needle, haystack) { var i, needlen = needle.length, haylen = haystack.length; for (i=0; i<=haylen-needlen; i++) { if (needle == haystack.substring(i,i+needlen)) return i; } return false; } function Engine(name, opts, home, search) { var gotcha = find_substring(find, search); this.name = name; this.opts = opts; this.home = home; this.pre_gotcha = search.substring(0,gotcha); this.post_gotcha= search.substring(gotcha+find.length, search.length); } function Add(name, opts, home, search) { engs.len++; if (engs.len <= engs.maxlen) { engs[engs.len] = new Engine(name, opts, home, search) } else { alert ('Better increase MAX_ENGINES: ' + engs.Len + '>' + engs.maxlen) } } function DisplayForm() { document.writeln('<FORM Name=Gotchaform OnSubmit="HandleForm(this); return false">'); document.writeln('<strong></strong> <INPUT size=15 name="query">'); document.writeln('<strong></strong> <SELECT name="service">'); for (i=1; i <= engs.len; i++) { document.writeln("<OPTION " + engs[i].opts + "> " + engs[i].name); } document.writeln('</SELECT> <input type=submit value="ابحث"><br>'); document.writeln('</FORM>'); document.Gotchaform.query.focus() } function HandleForm(form){ var i, newq="", oldq=form.query.value; for (i=0; i<oldq.length; i++) { // compress [ ]+ into \+ var thischar = oldq.charAt(i); if (thischar =="+")newq += "%2B"; else if (thischar != ' ') newq += thischar; else if (lastchar != ' ') newq += '+'; lastchar = thischar; } var eng = engs[1+form.service.selectedIndex]; // Window search=window.open(newq ? eng.pre_gotcha + newq + eng.post_gotcha : eng.home,"SmartSearch","scrollbars=yes,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,resizable=yes,width='100%',hight='100%'"); } Add("Alta Vista","SELECTED","http://altavista.digital.com/","http://altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=d&q=hunt"); Add("Yahoo!","","http://www.yahoo.com/","http://search.yahoo.com/bin/search?p=hunt" ); Add("DejaNews","","http://www.dejanews.com/","http://search.dejanews.com/nph-dnquery.xp?query=hunt&defaultOp=AND&svcclass=dncurrent&maxhits=25"); Add("HotBot","","http://www.search.hotbot.com","http://www.search.hotbot.com/search.html?MT=hunt&DC=25"); Add("Infoseek","","http://www.infoseek.com/Home?pg=Home.html&sv=A2","http://www.infoseek.com/Titles?qt=hunt&col=WW&sv=A2"); Add("Excite","","http://www.excite.com/","http://www.excite.com/search.gw?searchType=Concept&search=hunt&category=default"); Add("Lycos","","http://www.lycos.com/","http://www.lycos.com/cgi-bin/pursuit?query=hunt&backlink=639"); Add("Magellan","","http://www.mckinley.com/","http://www.mckinley.com/extsearch.cgi?query=hunt"); Add("OpenText","","http://search.opentext.com","http://search.opentext.com/omw/simplesearch?SearchFor=hunt&mode=and"); Add("WebCrawler","","http://webcrawler.com/","http://webcrawler.com/cgi-bin/WebQuery?searchText=hunt&maxHits=25"); // Software Add("ZDNet Files","","http://www.zdnet.com/","http://www6.zdnet.com/cgi-bin/texis/swlib/hotfiles/search.html?Usrt=rel&Usrchtype=simple&Utext=hunt"); Add("Filez","","http://www.filez.com/","http://filez.com/cgi/filez.cgi?query=hunt&type=All+Files&hits=50&domain=World&doit=Search/"); Add("Shareware.com","","http://www.shareware.com/","http://search.shareware.com/code/engine/Find?logop=and&cfrom=quick&orfile=True&hits=25&search=hunt&category=All-Categories"); Add("PC Gamer","","http://www.pcgame.com/","http://www.pcgame.com/finder/search.cgi?key=hunt"); // Denmark DisplayForm(); // STOP HIDE // --></script>
نص يتحرك من أسفل الصفحة إلى الأعلى ثم يختفي	<style type="text/css"> <!-- .textanimlink,a { text-decoration : none; } P.main { font-family : Arial; font-size : 15pt; font-weight : bold; } --> </style> <Script Language="Javascript"> <!-- Hiding /* Script created by Lefteris Haritou (lef@the.forthnet.gr) Permission granted to Dynamicdrive.com to feature the script For more DHTML scripts, visit Dynamicdrive.com */ bname=navigator.appName; bversion=parseInt(navigator.appVersion) if ((bname=="Netscape" && bversion>=4) \|\| (bname=="Microsoft Internet Explorer" && bversion>=4)) window.onload=start else stop(); window.onunload=stop if (bname=="Netscape"){ brows=true dt=2 } else{ brows=false dt=20 } var z=0; var msg=0; var rgb=0; var link=false; var status=true; var updwn=false; var message= new Array(); var value=0; var h=window.innerHeight; var w=window.innerWidth; var timer1; var timer2; var timer3; var convert = new Array() var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); // Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below) var bgcolor="#FFFFFF"; //Color of background var color="#00008D"; //Color of the Letters message[0]='تحياتي لكم' message[1]='خالد الصفدي' message[2]=' E-MAIL alsafadi.khaled@gmail.com' message[3]='<a href="http://safadi.awardspace.com">حقيبتي الالكترونية </a>' // Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above) for (x=0; x<16; x++){ for (y=0; y<16; y++){ convert[value]= hexbase[x] + hexbase[y]; value++; } } redx=color.substring(1,3); greenx=color.substring(3,5); bluex=color.substring(5,7); hred=eval(parseInt(redx,16)); hgreen=eval(parseInt(greenx,16)); hblue=eval(parseInt(bluex,16)); eredx=bgcolor.substring(1,3); egreenx=bgcolor.substring(3,5); ebluex=bgcolor.substring(5,7); ered=eval(parseInt(eredx,16)); egreen=eval(parseInt(egreenx,16)); eblue=eval(parseInt(ebluex,16)); red=ered; green=egreen; blue=eblue; function start(){ if ((bname=="Netscape" && bversion>=4) \|\| (bname=="Microsoft Internet Explorer" && bversion>=4)){ link=false; updwn=true; if (brows) res=document.layers['textanim'].top else{ textanim.style.width=document.body.offsetWidth-20; textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>' res=textanim.style.top for (x=0; x<document.all.length; x++) if(document.all[x].id=="textanimlink") link=true; } up() } } function stop(){ clearTimeout(timer1); clearTimeout(timer2); clearTimeout(timer3); } function resz(){ h=window.innerHeight; w=window.innerWidth; if (updwn) timer1=setTimeout('up()',1000) else timer2=setTimeout('down()',1000) } function breakf(){ if (status){ clearTimeout(timer1); clearTimeout(timer2); status=false return; } else{ status=true; if (updwn) timer1=setTimeout('up()',dt) else timer2=setTimeout('down()',dt) } } function up(){ if (red<hred){ if ((red+7)<hred) red+=7; else red=hred redx = convert[red] } else{ if ((red-7)>hred) red-=7; else red=hred redx = convert[red] } if (green<hgreen){ if ((green+7)<hgreen) green+=7; else green=hgreen greenx = convert[green] } else{ if ((green-7)>hgreen) green-=7; else green=hgreen greenx = convert[green] } if (blue<hblue){ if ((blue+7)<hblue) blue+=7; else blue=hblue bluex = convert[blue] } else{ if ((blue-7)>hblue) blue-=7; else blue=hblue bluex = convert[blue] } rgb = "#"+redx+greenx+bluex; if (brows){ document.layers['textanim'].document.linkColor=rgb; document.layers['textanim'].document.vlinkColor=rgb; if (window.innerHeight!=h \|\| window.innerWidth!=w){ clearTimeout(timer1); resz() return; } else{ document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>') document.layers['textanim'].document.close(); } } else{ textanim.style.color=rgb; if(link) textanimlink.style.color=rgb; } if (z<38){ if (brows) document.layers['textanim'].top-- else textanim.style.posTop-- z++ timer1=setTimeout('up()',dt) } else { updwn=false; down() } } function down(){ if (red<ered){ if ((red+7)<ered) red+=7; else red=ered redx = convert[red] } else{ if ((red-7)>ered) red-=7; else red=ered redx = convert[red] } if (green<egreen){ if ((green+7)<egreen) green+=7; else green=egreen greenx = convert[green] } else{ if ((green-7)>egreen) green-=7; else green=egreen greenx = convert[green] } if (blue<eblue){ if ((blue+7)<eblue) blue+=7; else blue=eblue bluex = convert[blue] } else{ if ((blue-7)>eblue) blue-=7; else blue=eblue bluex = convert[blue] } rgb = "#"+redx+greenx+bluex; if (brows){ document.layers['textanim'].document.linkColor=rgb; document.layers['textanim'].document.vlinkColor=rgb; if (window.innerHeight!=h \|\| window.innerWidth!=w){ clearTimeout(timer2); resz() return; } else{ document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>') document.layers['textanim'].document.close(); } } else{ textanim.style.color=rgb; if(link) textanimlink.style.color=rgb; } if (z<76){ if (brows) document.layers['textanim'].top-- else textanim.style.posTop-- z++ timer2=setTimeout('down()',dt) } else { if (brows){ document.layers['textanim'].document.write('') document.layers['textanim'].document.close(); } else textanim.innerHTML=''; window.clearInterval(timer2); if(msg<message.length-1){ msg++; z=0; if (brows){ document.layers['textanim'].top=res; } else textanim.style.top=res; timer3=setTimeout('start()',100); } else { msg=0; z=0; if (brows) document.layers['textanim'].top=res; else textanim.style.top=res; timer3=setTimeout('start()',2000); } } } // done hiding --> </Script> <Div id="textanim" style="position: absolute; left: 0; top: 440" onclick="breakf()"> </Div> <Layer name="textanim" left=0 top=440> </Layer>