לדף הבית
ספר אורחים
FAQ
טיפים
CSS
פלש
גאווה אפלט
גאווה סקריפט
גרפיקה
HTML

 

חפשו סקריפטים במפת הסקריפטים

 

Search this site powered by FreeFind


ASP: אני מקבלת פניות רבות בנושא ,ASP
אינני מתימרת להדריך בנושא כשיש אתר נפלא כמו גשו ולמדו כל מה שניתן, בעברית ברורה ופשוטה. ונמשיך בשלנו...

מהי ג'אווה סקריפט? הסבר.
יש הנוטים לבלבל בין ג'אווה סקריפט לג'אווה, אין דומה בין השתים. JAVA היא שפת תכנות שפותחה ע"י . SUN MICROSOFT JAVA SCRIPT היא תוצר פיתוח של אנשי "נטסקייפ" והיא בעצם "תוסף פעיל" לשפת הHTML ג'אווה סקריפט פועלת בשיטת OOP שהיא: .Object Oriented Programing כלומר, תכנות מבנה עצמים. משמע: אנו מתיחסים אל חלקי המחשב כאל עצמים נפרדים, וגורמים לכל אחד מהם לפעול לפי רצונינו. מסך, שורת סטטוס, עכבר, מקלדת, שורת כותרת, כל אחד מהם יגיב בניפרד לפקודת תכנות אחרת. הרעיון יהיה ברור יותר ככל שתעמיקו בדף... אך אנסה לסכם בקצרה- ההבדל העקרי הוא שתכנות ג'אווה יכול ליצור "אפליקציה" שתעמוד בפני עצמה. ג'אווה סקריפט נתמכת וחייבת את סביבת ה- HTML כדי להתקיים, וכמובן יוצא מכך , חייבת את דפדפן האנטרנט "נטסקייפ" או "אקפלורר" כדי להיות מוצגת.


מה עושיםאיתה?? מה נוכל אם כן לעשות בג'אווה סקריפט???
ג'אווה סקריפט מאפשרת לנו ליצור ממשק משתמש פעיל, שמאפשר למבקר משוב מיידי בעודם מטיילים בדף. דבר זה נעשה בכמה אופנים: גילגול- שינוי תמונה בהנחת העכבר. פתיחת חלונות חדשים בדפדפן להצגת תיבות הודעה מותאמות אישית. פונקציות לטיפול בזמנים ותאריכים. טיפול בטפסים, הודעה מידית על שינוי או התאמה, שליטה בצבעי הרקע בדף בהנחת עכבר , ביצוע קישורים בעזרת כפתורים. ועוד "פטנטים" שונים שמטרתם "להדהים" את המבקר, ולגרום לו שהות מענינת ממושכת וחוזרת לאתרינו.


מה חשוב לדעת?? מכיוון שג'אווה סקריפט הינה סוג מסוים של תכנות, יש משמעות ל:
רווחים בין אותיות ושורות.
אותיות קטנות או גדולות.
בסיום כל פעולה יש לשים ()
ניתן להוסיף הערה שאינה נראת בדף אחרי סימן //
או הערה לכמה שורות-..........*/ .. ובסיום /*.......
פקודת הג'אווה יכולה להיות בין תגי ה-head או ה-.Body





איך???
פקודת הסקריפט תראה באופן ההגיוני הבא:

<" script language="javascript>
(ביצוע הפעולה עצמה)פעולה.עצם
</script>

זה המצב הבסיסי..
הבא ניראה כמה דוגמאות:
כדי לכתוב טקסט בתוך הדף נפנה לעצם= המסמך,
התוצאה תראה כך:
hello
וכתיבתה נראת כך:
<"script language="javascript>
(""hello)document.write
</script>
וכשנרצה כתב צבעוני או בגדלים שונים, נוסיף את פקודות ה-Html בתוך הסוגרים.

<script language="javascript">
document.write("<font color=red><h1>red text sample</font></h1>")
document.write("<font color=yellow><h3>Yellow text sample</font></h3>")
document.write("<font size=20 color=blue>blue sample</font><br>")
document.write("<font color=green><tt> just a sample</tt></font><br>")
</script>

כאן אולי המקום להזכיר את הודעות השגיאה בדפדפנים.
שגיאה תחבירית- נקראת syntax זו תסב אותנו לנקודה חסרה, או סימן חסר אחר. שגיאה של מיקום לא נכון נקראת-run time משם נבין ששמנו שורה שלא במקומה הנכון. בנטסקייפ תפורט השגיאה באופן ברור ומדויק, באקספלורר נקבל חלון פחות ברור- אך עדין נבין את מהות השגיאה.
 


זמנים.
מה שכל כך יפה בג'אווה סקריפט הוא ניצול
של מה שכבר קיים ממילא במחשב.
ציוני זמנים למיניהם.
שבע מתודות של זמן קימות בג'אווה סקריפט:

  1. .getDay()
  2. .getMonth()
  3. .getYear()
  4. .getDate()
  5. .getHours()
  6. .getMinutes()
  7. .getSeconds()

בגלל באג הקיים ב-,windows יש צורך להגדיר את היום והחודש כ+1 כדי לקבל את הזמן הנכון. אם כך הגדרתם תראה כך:

  1. .getDay()+1;
  2. .getMonth()+1;




ראשית יש להגדיר מה אנו רוצים. איך נקרא לפקודת הזמן?
בואו נקרא לפקודת הזמן-Time
ונגדירו:

<script language="javascript">
Time=new Date();Month=Time.getMonth()+1;document.write("the day today:"+Time.getDate() + "."+Month+"."+Time.getYear());
</script>

נקבל:

או אם נרצה את השעה..

והקוד:

<script language="javascript">
now=new Date();document.write(now.getHours() + "."+now.getMinutes()+"."+now.getSeconds());
</script>



אבל !!!!

ניהול ארועים ..Event גדלותה האמיתית של הג'אווה סקריפט היא במה שניקרא:

ניהול ארועים ..Event

כשנסתכל על ביצוע פעולה ממשי ע"י המבקר, ג'אווה סקריפט יכולה להגיב או לפעול מיידית, ללא המתנה להתערבות מהשרת. מכיוון שפעילות המבקר נעשת בתוך הדף (Html) ובאמצעות הזזת העכבר,..:) נוכל לגרום לשינויים באילו תוך כדי השיטוט בדף. קיימים 11 סוגי ארועים בהם "תטפל" הג'אווה סקריפט,
ואילו הם:

  • onBlur..... עובד על טפסים.
  • onChange.... עובד על טפסים.
  • onClick..... עובד על טפסים.+עובד על לינקים
  • onFocus.....עובד על טפסים.
  • onLoad....שדח ףד לע דבוע
  • onMouseOver....םיקניל לע דבוע
  • onSelect.....עובד על טפסים.
  • onSubmit.....עובד על טפסים.
  • onUnload... עובד על דף חדש.
  • onMouthDown..... עובד על לינקים
  • onMouthUp..... עובד על לינקים

ושימו לב היטב לצורה שבה זה כתוב. איפה אות גדולה ואיפה קטנה.


או קי....
בואו נתחיל לשחק באמת...:)

ראשית נראה מה אפשר לעשות עם העכבר. כל מיני אפקטים ניתן לקבל כשהעכבר עובר על לינק.

1
הודעה בשורת הסטטוס בהנחת העכבר על הלינק:
העבירו עכבר על הלינק והביטו בשורת הסטטוס.

העבירו עכבר עלי.
והכתיבה נראת כך:

<a href="script.html" onMouseOver="window.status='Hello and welcome from Liora...'; return true"> העבירו עכבר עלי. </a>

2
שינוי צבע הרקע לחלון.. לחצו לפתיחת חלון עם הדוגמא:

והכתיבה נראת כך:

<a href="script.html" onMouseOver="document.bgColor='red'; return true"> Put the mouth here</A>


3
והקפצת הודעת "אזהרה",
זה ממש נחמד..
העבירו עכבר עלי
והכתיבה:

<a href="script.html"onMouseOver='alert("he he ho told you so !!!"); return true'> העבירו עכבר עלי</a>



4
אבל האהוב עלי מכל הוא התרגיל הבא..
לחצו לקבלת חלון הדוגמא, והניחו את העכבר על התמונה..

והכתיבה נראת כך:

<a href="script.html"onMouseOver="document.pic1.src='images/ani_kitten.gif'"
onMouseOut="document.pic1.src='images/anisurf2.gif'"> <IMG SRC="images/anisurf2.gif" BORDER=0 NAME="pic1" width="101" height="147">
</a>

5

טריקים חביבים נוספים, נוכל לראות בחלון הבא, העכבר לא "הולך" לבדו... כזו: אפשר לצרף אליו חברה...
או כזו: :-)


6
דבר חשוב לא פחות, הוא היכולת לראות את מקור הדף אם ברצונכם להוביל למקור- שימו כפתור שיפתח אותו והוא נראה כך:

וכמובן יש עוד רבים ושונים, בסוף דף זה אתן את כל הקישורים שאני מכירה בנושא.


ובכן... אמרנו שסקריפטים עובדים על לינקים וטפסים..
אז הנה כמה דוגמאות לארועים בטפסים:

A
תזכורת בשורת הסטטוס למה אנו רוצים. רק כשנשים את הסמן בתוך התיבה.
your first name:

והפקודה:

<form method="post" action="mailto:You@youremail.net">
your first name:
<input type="text" size=25 name="first name"
onFocus="window.status='just first name';return true">
</form>

B
או כשנשנה את הכתוב- תצא הודעת אזהרה:מייד כשנעבור לשורה הבאה.
your first name:


והפקודה:

<form method="post" action="mailto:You@your email.net">your first name: <input type="text" size=25 name="first name" value="Liora" onBlur='alert("The name changed!");return true'> </form>

c
הקפצת חלון חדש מכפתור: יוצרים כפתור "דמה" בעזרת טופס, וקושרים אותו לדף או בתובת. הנה כך:


והפקודה:

<form>
<input type="button" value="click to open"
onClick='parent.location="sam2.html"; return true'>
</form>


בענין הטפסים עדיין- ניתן להשתמש לצורך "משחק" עם המבקר בדף. בשילוב עם מה שראינו עד כה, נוכל למשל לתת למשתמש לבחור את צבע הרקע לדף זאת תוך שימוש בכפתורי הטפסים והפניתם לפעילות אחרת.. למשל:

או נוכל להעמיק את שיתוף המשתמש גם למעבר לדף שלנו..
למשל ליצור לו "מנוע חיפוש" קטן שיחפש עבורו ברשת, כמובן עליו להיות מחובר לרשת באותו הזמן.. הנה דוגמא קטנה.. ניתן כמובן להרחיבה .
Search Yahoo for:


ספר הסקריפט- הדבר המדהים ביותר:
לפני שאסיים ברצוני להביא אליכם את ה"ספר הקטן" ללימוד ג'אווה סקריפט. כל שתרצו יש בו...
תוכלו להורידו כקובץ מכווץ
כאן
או לפתוח אותו מחלון נפרד:
כאן:




כמו שראיתם, יש וניתן למצוא דוגמאות ללא סוף,
הדף הזה לא יספיק להכילן, בעצם אני חושבת שמטרתי הושגה..:-) הסקרנות התעוררה, האמצעים נתונים (רשימת אתרים) כל שעליכם לעשות הוא, לבקר בהם ולהעמיק את הידע וההבנה בנושא. וכמובן לבנות "ספרית" סקריפטים משלכם, בהם תוכלו להשתמש באתרים משלכם. בהצלחה ובהנאה..

רשימת האתרים למקורות לימוד והורדת ג'אווה סקריפט.



לדף ה--: Applets
חזרה לדף הראשי. :

קישורים מהירים

מפת סקריפטים
ASP
מהי ג'אווה סקריפט?
מה עושיםאיתה??
מה חשוב לדעת??
איך?
טקסט צבעוני
ניהול זמנים
ארועים
עכבר על
בטפסים
רשימת אתרים
ספר הסקריפט
הדבר המדהים ביותר
20 חשובים

פורום משתמשים