שינוי צבע רקע אוטומטית
נכתב על ידי יובל
נתמך ב:
הסקריפט משנה את הצבע הרקע אוטומטית בכל מספר שניות.
ניתן לבחור כל כמה זמן ישתנה הצבע רקע על ידי עריכה במקום המתאים בסקריפט.
<script language="javascript"> /* הסקריפט נכתב על ידי roev ונלקח מהאתר www.ScripteR.co.il הסקריפט נכנב בין תגי ה-head */ var time = 3; //כל כמה זמן הרקע יתחלף בשניות var i; i=0; var color= new Array("blue","pink", "red", "purple", "yellow", "orange"); time = time * 1000; function ChangeColor() { document.bgColor = color[i]; i++; setTimeout("ChangeColor()",time); if (i >= 6) { i=0; } } ChangeColor(); </script>
סקריפט ספירה
נכתב על ידי יובל
נתמך ב:
סקריפט שסופר לפי המספרים שמכניסים לתוכו.
הוראות הפעלה יש בתוך הקוד של הסקריפט.
<script language="javascript"> /* הסקריפט נכתב על ידי roev ונלקח מהאתר www.ScripteR.co.il ניתן להכניס את הסקריפט לכל מקום בדף שתהיה מעוניין בו. */ var StartFrom = 1; //מתחיל לספור מ-1, ניתן לשנות את זה לכל מספר שאתה רוצה var StopFrom = 10; //מספיק לספור מ-10, ניתן לשנות את זה לכל מספר שאתה רוצה for (i=StartFrom; i<=StopFrom; i++) { document.write(i + "<br />"); } </script>
מוזיקת רקע
נכתב על ידי יובל
נתמך ב:
הסקריפט נותן אפשרות לשים מוזיקה ברקע של אתר.
<!-- הסקריפט נכתב על ידי roev עבור האתר www.ScripteR.co.il את החלק בקוד שכתוב בו: http://roev.mustigman.com/m.mp3 יש לשנות לקישור לשיר שאתם רוצים. כל מה שנכתב למטה נכנס בין תגי ה- head. --> <embed hidden="true" src="http://roev.mustigman.com/m.mp3"</embed>
טקסט שזז עם גלילת הדף
נכתב על ידי יובל
נתמך ב:
הטקסט נגלל כלפי מטה ברגע שהגולש מזיז את הגלגלת של הדף.
<style type="text/css"> /* הסקריפט נכתב על ידי roev ונלקח מהאתר www.ScripteR.co.il כל הסקריפט נכנס ל- head עד איפה שצויין אחרת */ #MoveUpDown { position:fixed; _position:absolute; top:expression(eval(document.body.scrollTop)); left: 0px; } </style> <!-- חלק זה נכנס ל- body --> <div id="MoveUpDown"> פה יכנס הטקסט </div> <!-- החלק שמתחת לא באמת חשוב --> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
הגולש בוחר את צבע הטקסט שבדף
נכתב על ידי יובל
נתמך ב:
תיבה שנותנת לגולש אפשרות לבחור את צבע הטקסט בדף.
<!-- הסקריפט נכתב על ידי roev ונלקח מהאתר www.ScripteR.co.il הסקריפט נכנס בין תגי ה- <body> </body> --> <div id="ChangeColor"> פה יכנס הטקסט שברצונך לשנות לו את הצבע </div> <br /> <select onchange="document.all.ChangeColor.style.color = this.value;"> <option value="black" style="color: black;">שחור</option> <option value="red" style="color: red;">אדום</option> <option value="blue" style="color: blue;">כחול</option> <option value="green" style="color: green;">ירוק</option> <option value="yellow" style="color: yellow;">צהוב</option> <option value="pink" style="color: pink;">ורוד</option> </select>
שינוי צבע רקע לפי בחירת הגולש
נכתב על ידי יובל
נתמך ב:
הגולש בוחר את צבע הרקע לדף.
<!-- הסקריפט נכתב על ידי roev ונלקח מהאתר www.ScripteR.co.il הסקריפט נכנס בין תגי ה- <body> </body> --> <select onchange="document.bgColor = this.value;"> <option value="red" style="color: red;">אדום</option> <option value="blue" style="color: blue;">כחול</option> <option value="green" style="color: green;">ירוק</option> <option value="black" style="color: black;">שחור</option> <option value="yellow" style="color: yellow;">צהוב</option> <option value="pink" style="color: pink;">ורוד</option> </select>
ביטול סימון טקסט בדף
נכתב על ידי יובל
נתמך ב:
המשתמש לא יוכל לסמן טקסט בדף.
<!-- הסקריפט נכתב על ידי roev ונלקח מהאתר www.ScripteR.co.il כל הסקריפט נכנס ל- head עד איפה שצויין אחרת --> <!-- חלק זה נכנס ב- head --> <style type="text/css"> body { -moz-user-select:none; } </style> <!-- חלק זה הוא ה-body של המסמך --> <body onSelectStart="return false"> פה יכנס התוכן </body>
הגנה בסיסמא בסגנון טופס
נכתב על ידי יובל
נתמך ב:
במידה והסיסמא נכונה המשתמש מופנה אוטומטית לאתר.
במידה והסיסמא לא נכונה המשתמש מופנה אוטומטית לאתר אחר.
ניתן לעקוף את הסקריפט, אין לסמוך על הסקריפט הזה כהגנה אמתית.
הסיסמא היא tala.
<script language="javascript"> /* הסקריפט נכתב על ידי roev ונלקח מהאתר www.ScripteR.co.il כל הסקריפט נכנס ל- head עד איפה שצויין אחרת */ var Pass = "tala" //הסיסמא היא איפה שכתוב tala ניתן לשנות אותה לכל דבר אחר function ChackPassword() { if (document.getElementById("ThePassword").value == Pass) { location = "http://www.google.co.il"; //האתר שתעבור אליו במידה והסיסמא נכונה } else { alert("הסיסמא לא נכונה!"); location = "http://www.scripter.co.il" //האתר שתעבור אליו במידה והסיסמא לא נכונה } } </script> <!-- חלק זה נכנס ל- body --> <input type="password" id="ThePassword" /> <input type="button" value="כניסה" onclick="ChackPassword();" />
מחשבון
נכתב על ידי יובל
נתמך ב:
סקריפט חישובית קלאסי שיבצע עבורכם פעילות מתמטיות.
<script language="javascript"> /* הסקריפט נכתב על ידי roev ונלקח מהאתר www.ScripteR.co.il כל הסקריפט נכנס ל- head עד איפה שצויין אחרת */ function AddCalc(x) { document.getElementById("CalcText").value = document.getElementById("CalcText").value + x; } function Resulter() { document.getElementById("CalcText").value = eval(document.getElementById("CalcText").value); } function ClearCalc() { document.getElementById("CalcText").value = ""; } </script> <!-- חלק זה נכנס ל- body --> <input type="text" id="CalcText" style="width: 133px; color: green;" /> <br /> <input type="button" value="1" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="2" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="3" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="/" onclick="AddCalc(this.value);" style="width: 30px; color: red;" /> <br /> <input type="button" value="4" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="5" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="6" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="*" onclick="AddCalc(this.value);" style="width: 30px; color: red;" /> <br /> <input type="button" value="7" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="8" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="9" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="-" onclick="AddCalc(this.value);" style="width: 30px; color: red;" /> <br /> <input type="button" value="0" onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="." onclick="AddCalc(this.value);" style="width: 30px;" /> <input type="button" value="C" onclick="ClearCalc();" style="width: 30px;" /> <input type="button" value="+" onclick="AddCalc(this.value);" style="width: 30px; color: red;" /> <br /> <input type="button" value="=" onclick="Resulter();" style="width: 133px; color: blue;" />
גלריית תמונות
נכתב על ידי יובל
נתמך ב:
התמונה מתחלפת לתמונה הבאה או התמונה הקודמת בלחיצה על כפתור.
בתוך הסקריפט מצורף הסבר כיצד להוסיף ולשנות תמונות.
<script language="javascript"> /* הסקריפט נכתב על ידי roev ונלקח מהאתר www.ScripteR.co.il כל הסקריפט נכנס ל- head עד איפה שצויין אחרת */ var ImgNum = 0; var MyImgSrc=new Array() MyImgSrc[0] = "http://www.scripter.co.il/Pics/Logo.jpg"; //כתובת התמונה הראשונה MyImgSrc[1] = "http://www.theocean.co.il/Pics/Logo.jpg"; //כתובת התמונה השניה MyImgSrc[2] = "http://www.noplex.co.il/Pics2/Logo_Hover.jpg"; //כתובת התמונה השלישית /* אם אתם רוצים תמונה רביעית רשמו MyImgSrc[3] = "http://כתובת-התמונה.co.il" ואם אתם רוצים תמונה חמישית בדיוק אותו הדבר, רק שנו את MyImgSrc[3] ל- MyImgSrc[4] וכו... */ function GoForward() { ImgNum++; if (ImgNum == MyImgSrc.length) ImgNum = 0; document.getElementById("MyImg").src = MyImgSrc[ImgNum]; } function GoBack() { ImgNum--; if (ImgNum < 0) ImgNum = MyImgSrc.length - 1; document.getElementById("MyImg").src = MyImgSrc[ImgNum]; } </script> <!-- חלק זה נכנס ל- body --> <img id="MyImg" alt="" /><br /> <input type="button" value="<<" onclick="GoForward()" /> <!-- כפתור שמעביר תמונה קדימה --> <input type="button" value=">>" onclick="GoBack()" /> <!-- כפתור שמעביר תמונה אחורה --> <script language="javascript"> document.getElementById("MyImg").src = MyImgSrc[0]; </script>
מכונת כתיבה
נכתב על ידי יובל
נתמך ב:
הטקסט שתכתוב יוצג בסגנון מכונת כתיבה.
<script type="text/javascript"> /* הסקריפט נכתב על roev ונלקח מהאתר www.ScripteR.co.il הסקריפט נכנס ב head עד לאיפה שצויין אחרת. */ var TheText = new Array(); var i = 0; var TheTextLen; function Typewriter() { TheText = document.getElementById("RunTypewriter").innerHTML.split(""); document.getElementById("RunTypewriter").innerHTML = ""; TheTextLen = TheText.length - 1; TypewriterGo(); } function TypewriterGo() { if (i<=TheTextLen) { document.getElementById("RunTypewriter").innerHTML = document.getElementById ("RunTypewriter").innerHTML + TheText[i]; i++; setTimeout("TypewriterGo()",100); //מהירות המכונת כתיבה היא 100, ניתן לשנות אותה פה } } </script> <!-- חלק זה נכנס ב- body --> <body onload="Typewriter();"> <span id="RunTypewriter"> כל מה שנכנס פה יוצג בצורת מכונת כתיבה </span> </body>
כפתור שמעביר עמוד
נכתב על ידי יובל
נתמך ב:
הכפתור מתפקד כלינק, בלחיצה הוא מעביר לכתובת שנבחרה.
<!--- הסקריפט נכתב על שי עוזרי ונלקח מהאתר www.ScripteR.co.il --> <input type="button" onclick="window.location='http://www.scripter.co.il'" value="עבור לסקריפטר" />
הודעה קופצת בלחיצה על המקש הימני בעכבר
נכתב על ידי יובל
נתמך ב:
הסקריפט מקפיץ הודעה בכל פעם שהגולש ילחץ על מקש ימני בעכבר.
<script type="text/javascript"> /* הסקריפט נכתב על roev ונלקח מהאתר www.ScripteR.co.il הסקריפט נכנס בין תגי ה- head */ msg = "ההודעה שלך פה"; function RightClick(x) { if (navigator.appName=="Netscape" && x.which > 1) alert(msg) if (navigator.appName=="Microsoft Internet Explorer" && event.button > 1) alert(msg) } document.onmousedown = RightClick; </script>
כפתור שנהפך ללא פעיל בלחיצה
נכתב על ידי יובל
נתמך ב:
ברגע שלוחצים על הכפתור הוא נהפך ללא פעיל.
מעולה בשביל למנוע מהגולשים לשלוח את אותו הטופס בפעם השניה.
<input type="submit" onclick="this.disabled=true; this.form.submit();" />
טקסט מתהפך בלחיצה על כפתור
נכתב על ידי יובל
נתמך ב:
כותבים טקסט בתוך הטופס, ואז בלחיצה על כפתור הטקסט מתהפך.
<script type="text/javascript"> /* הסקריפט נכתב על roev ונלקח מהאתר www.ScripteR.co.il עד לאיפה שצויין אחרת הסקריפט נכנס בתוך ה- head */ function RevText() { x = document.getElementById("rev").value; var y = new Array(); var c=""; var s = x.length - 1; y = x.split(""); for (i=s; i>=0; i--) { c = c + y[i]; } document.getElementById("rev").value = c; } </script> <!-- חלק זה נכנס בתוך ה- body --> <input type="text" id="rev" /> <input type="button" value="הפוך טקסט" onclick="RevText();" />
החלפת טקסט Fade in and out
נכתב על ידי יובל
נתמך ב:
הטקסט מתחלף אוטומטית באפקט Fade out וFade in, הסקריפט נעצר במעבר על הטקסט.
(פועל רק בצבע שחור, וגם על הלינקים להיות שחורים)
<html> <head> <script type="text/javascript"> /* הסקריפט נכתב על שי עוזרי ונלקח מהאתר www.ScripteR.co.il הסקריפט נכנס בין תגי ה- head */ var hex = 255; var Strings = new Array("טקסט ראשון", "טקסט שני", "טקסט שלישי") ; var Count = -1; var Timer; var ID = "Div"; function Freeze() { hex = 0; document.getElementById(ID).style.color = "rgb("+hex+","+hex+","+hex+")"; var Links = document.getElementById(ID).getElementsByTagName("a"); for (var i = 0; i < Links.length; i++) { Links[i].style.color = "rgb("+hex+","+hex+","+hex+")"; } clearTimeout(Timer); } function FadeIn() { if(hex>0) { hex=hex-10; document.getElementById(ID).style.color = "rgb("+hex+","+hex+","+hex+")"; var Links = document.getElementById(ID).getElementsByTagName("a"); for (var i = 0; i < Links.length; i++) { Links[i].style.color = "rgb("+hex+","+hex+","+hex+")"; } Timer = setTimeout("FadeIn()",30); } else { Timer = setTimeout("FadeOut()",5000); } } function FadeOut() { if(hex<255) { hex=hex+10; document.getElementById(ID).style.color = "rgb("+hex+","+hex+","+hex+")"; var Links = document.getElementById(ID).getElementsByTagName("a"); for (var i = 0; i < Links.length; i++) { Links[i].style.color = "rgb("+hex+","+hex+","+hex+")"; } Timer = setTimeout("FadeOut()",30); } else { if((Strings.length - 1) == Count) { Count = 0; document.getElementById(ID).innerHTML = Strings[0]; } else { Count = Count+1; document.getElementById(ID).innerHTML = Strings[Count]; } Timer = setTimeout("FadeIn()",30); } } </script> </head> <!-- כדי להתחיל את הסקריפט ישר כשהדף עולה נשים אותו בonload --> <body onload="javascript:FadeOut();"> <div id="Div" name="Div" onmouseover="javascript:Freeze();" onmouseout="javascript:FadeOut();" style="color: #000000;"> </div> </body> </html>
אין תגובות:
הוסף רשומת תגובה