.טפירקס הוואג
.הז ףדב םיאשונה
.אשונל רשי ץופק וא,ךנוצרכ ףדפד
?טפירקס הווא'ג יהמ
??התיא םישוע המ
??תעדל בושח המ
.ינועבצ טסקט
.םינמז לוהינ
:םיעורא
.לע רבכע
.םיספטב
..ונהת
..ישפוחה םכשומישל - הלודג םיטפירקס תירפס םכתושרל
.םירתא תמישר
רתויב םיהדמה רבדה -טפירקסה רפס
,ASP אשונב תובר תוינפ תלבקמ ינא
ומכ אלפנ רתא שישכ אשונב ךירדהל תרמיתמ ינניא
.הטושפו הרורב תירבעב ,ןתינש המ לכ ודמלו ושג
...ונלשב ךישמנו
.רבסה
,הווא'גל טפירקס הווא'ג ןיב לבלבל םיטונה שי
.םיתשה ןיב המוד ןיא
. SUN MICROSOFT י"ע החתופש תונכת תפש איה JAVA
"פייקסטנ" ישנא לש חותיפ רצות איה JAVA SCRIPT
HTMLה תפשל "ליעפ ףסות" םצעב איהו
:איהש OOP תטישב תלעופ טפירקס הווא'ג
Object Oriented Programing.
.םימצע הנבמ תונכת ,רמולכ
,םידרפנ םימצע לאכ בשחמה יקלח לא םיסחיתמ ונא :עמשמ
.ונינוצר יפל לועפל םהמ דחא לכל םימרוגו
,תרתוכ תרוש ,תדלקמ ,רבכע ,סוטטס תרוש ,ךסמ
.תרחא תונכת תדוקפל דרפינב ביגי םהמ דחא לכ
...ףדב וקימעתש לככ רתוי רורב היהי ןויערה
-הרצקב םכסל הסנא ךא
"היצקילפא" רוציל לוכי הווא'ג תונכתש אוה ירקעה לדבהה
.המצע ינפב דומעתש
ידכ HTML -ה תביבס תא תבייחו תכמתנ טפירקס הווא'ג
טנרטנאה ןפדפד תא תבייח , ךכמ אצוי ןבומכו ,םייקתהל
.תגצומ תויהל ידכ "ררולפקא" וא "פייקסטנ"
ףדה תליחתל הרזח
???טפירקס הווא'גב תושעל ןכ םא לכונ המ
,ליעפ שמתשמ קשממ רוציל ונל תרשפאמ טפירקס הווא'ג
.ףדב םילייטמ םדועב ידיימ בושמ רקבמל רשפאמש
:םינפוא המכב השענ הז רבד
.רבכעה תחנהב הנומת יוניש -לוגליג
.תישיא תומאתומ העדוה תובית תגצהל ןפדפדב םישדח תונולח תחיתפ
.םיכיראתו םינמזב לופיטל תויצקנופ
,המאתה וא יוניש לע תידימ העדוה ,םיספטב לופיט
, רבכע תחנהב ףדב עקרה יעבצב הטילש
.םירותפכ תרזעב םירושיק עוציב
,רקבמה תא "םיהדהל" םתרטמש םינוש "םיטנטפ" דועו
.ונירתאל תרזוחו תכשוממ תנינעמ תוהש ול םורגלו
ףדה תליחתל הרזח
???בושח המ
,תונכת לש םיוסמ גוס הניה טפירקס הווא'גש ןוויכמ
:ל תועמשמ שי
.תורושו תויתוא ןיב םיחוור
.תולודג וא תונטק תויתוא
() םישל שי הלועפ לכ םויסב
// ןמיס ירחא ףדב תארנ הניאש הרעה ףיסוהל ןתינ
.......*/ םויסבו .. /*..........-תורוש המכל הרעה וא
.Body-ה וא head-ה יגת ןיב תויהל הלוכי הווא'גה תדוקפ
= = = = = = = =
ףדה תליחתל הרזח
:אבה ינויגהה ןפואב הארת טפירקסה תדוקפ
< script language="javascript">
םצע.הלועפ(המצע הלועפה עוציב)
</script>
..יסיסבה בצמה הז
:תואמגוד המכ הארינ אבה
,ךמסמה =םצעל הנפנ ףדה ךותב טסקט בותכל ידכ
:ךכ הארת האצותה
:ךכ תארנ התביתכו
<script language="javascript">
document.write("hello")
</script>
,םינוש םילדגב וא ינועבצ בתכ הצרנשכו
.םירגוסה ךותב Html-ה תודוקפ תא ףיסונ
:ךכ תארנ הדוקפהו
<script language="javascript">
document.write("<font color=red><h1>red text sample</h1>")
document.write("<font color=yellow><h3>Yellow text sample</h3>")
document.write("<font size=20 color=blue>blue sample")
document.write("<font color=green><tt> just a sample</tt>")
</script>
.םינפדפדב האיגשה תועדוה תא ריכזהל םוקמה ילוא ןאכ
,הרסח הדוקנל ונתוא בסת וז syntax תארקנ -תיריבחת האיגש
.רחא רסח ןמיס וא
run time-תארקנ ןוכנ אל םוקימ לש האיגש
.ןוכנה המוקמב אלש הרוש ונמשש ןיבנ םשמ
,קיודמו רורב ןפואב האיגשה טרופת פייקסטנב
.האיגשה תוהמ תא ןיבנ ןידע ךא -רורב תוחפ ןולח לבקנ ררולפסקאב
ףדה תליחתל הרזח
.םינמז
לוצינ אוה טפירקס הווא'גב הפי ךכ לכש המ
.בשחמב אליממ םייק רבכש המ לש
.םהינימל םינמז ינויצ
:טפירקס הווא'גב תומיק ןמז לש תודותמ עבש
.getDay()
.getMonth()
.getYear()
.getDate()
.getHours()
.getMinutes()
.getSeconds()
,windows-ב םייקה גאב ללגב
1+כ שדוחהו םויה תא רידגהל ךרוצ שי
.ןוכנה ןמזה תא לבקל ידכ
:ךכ הארת םתרדגה ךכ םא
.getDay()+1;
.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 םימייק
:םה וליאו
.רבכעה םע תושעל רשפא המ הארנ תישאר
.קניל לע רבוע רבכעהשכ לבקל ןתינ םיטקפא ינימ לכ
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='ani_kitten.gif'"
onMouseOut="document.pic1.src='anisurf2.gif'">
<IMG SRC="anisurf2.gif" BORDER=0 NAME="pic1">
</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:
,טירפתה אוה דחוימב ליעיו ףסונ שומיש
,םיטירפת לש םינוש םיגוס םימייק
:אוה םלוכמ ישומישהו טושפה ךא
:רתויב םיהדמה רבדה -טפירקסה רפס
םכילא איבהל ינוצרב םייסאש ינפל
.טפירקס הווא'ג דומילל "ןטקה רפס"ה תא
...וב שי וצרתש לכ
ץווכמ ץבוקכ ודירוהל ולכות
ןאכ
:דרפנ ןולחמ ותוא חותפל וא
:ןאכ
,ףוס אלל תואמגוד אוצמל ןתינו שי ,םתיארש ומכ
,ןליכהל קיפסי אל הזה ףדה
(-:..הגשוה יתרטמש תבשוח ינא םצעב
(םירתא תמישר) םינותנ םיעצמאה ,הררועתה תונרקסה
םהב רקבל ,אוה תושעל םכילעש לכ
.אשונב הנבההו עדיה תא קימעהלו
,םכלשמ םיטפירקס "תירפס" תונבל ןבומכו
.םכלשמ םירתאב שמתשהל ולכות םהב
..האנהבו החלצהב
ףדה תליחתל הרזח
.
טפירקס הווא'ג תדרוהו דומיל תורוקמל םירתאה תמישר
.ישפוח לכהו תואמגוד ןתונ ,דמלמ ...בוטהו
ידוסיה "סידוג"
.םירועשהו םיטפירקסהל
טירפטל רשי וא
..ןומה םידמול ...טפירקס
הווא'גב םירועש (:...וניניבש םיצורחל
...תגלטוקמ המישר ..ישפוח
םיטפירקס
(:...וז תונמדזהב םיטלפא םגו ..ישפוח
םיטפירקס
.תירבעב ..טפירקס " יג יג"
.םישדח ראודב לבקלו םשרהל רשפא -םיטפירקסל
ישפוח רוקמ דוע
.םיישפוח
םיטפירקס ןומה ןומה ןומה דוע
....... דועו