» נושאי לימוד
» נושאי לימוד
יום רביעי 16 באוקטובר 2019
פתיחת חלון דפדפן חדש
דף ראשי  בניית אתרים  ג'אווה סקריפט  פתיחת חלון דפדפן חדש גרסה להדפסה

פתיחת חלון דפדפן חדש                    

שימוש בHTML 

ברירת המחדל של פתיחת קישור היא בתוך החלון הנוכחי ( החלון בו נמצא הקישור).במקרה כזה קוד ה HTML הוא:

 

<a href="linked.html">קישור</a>

 

לעומת זאת, יש באפשרותך לגרום לקישור להיפתח בחלון חדש (אל תיבהל לאחר שהחלון יפתח- סגור אותו ע"י סימן ה- X בפינה העליונה של חלון הדפדפן החדש) ע"י שימוש ב:

 

<a href="linked.html" target="newwin" >link</a>

 

 

מכיוון שהערך של target מסמל את שם החלון בו הקישור יפתח, ערכו יכול להיות כל דבר בתנאי שיש חלון פתוח עם שם מתאים.
במקרה שאין חלון פתוח עם שם מתאים, הדפדפן יפתח חלון חדש עם השם שניתן לו בקוד.

 

ישנם כמה שמות שמורים, למקרים מיוחדים:

 

self_- מייצג את החלון הנוכחי.

parent_- מייצג את החלון שפתח את החלון הנוכחי ( אם קיים חלון כזה).

 

יתרון לשיטה זו: השיטה הזו מאוד פשוטה

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


שימוש ב- ג'אווה סקריפט

ישנם גם דרכים לפתוח קובץ בחלון חדש בעזרת ג'אווה סקריפט, ובנוסף לשלוט על חלק ממאפייני החלון. פקודת הג'אווה סקריפט שעוזרת לנו בכך היא window.open .


יתרון לשיטה זו: שליטה טובה יותר על מאפייני החלון הנפתח.

חיסרון לשיטה זו: העבודה עם HTML פשוטה יותר.

 

לדוגמא, לחץ על קישור זה.

 

הקוד שמאחורי קישור זה הוא:

 

 <a href=" javascript:launch('linked.html','win2',400,200)" </a>

 

הערות:

 

1. launch היא פונקציית ג'אווה סקריפט שמוגדרת בעזרת window.open .


לפניך ההגדרה של הפונקציה:

 

 

function launch(file,name,winwidth,winheight)     
{
var string=
"width="+winwidth+",height="+winheight+"toolbar=no, 
directories=no,menubar=no,resizable=yes,dependent=yes" 
hwnd = window.open(file,name,string) ;                 
          if (navigator.appName == "Netscape") {
             hwnd.focus()
          }
}

 

 

 

 

 

2. הערך שניתן לתג ה href הוא לא ערך רגיל של שם קובץ או קישור אלא הוא פסאודו- קישור(pseudo- URL), כלומר הוא מצביע על שם הפונקציה(launch), וסוג הפונקציה(javascript) שאנחנו רוצים להריץ כתגובה ללחיצה על הקישור.


3. הארגומנטים של הקריאה לפונקציה launch עוזרים לנו להגדיר את:

 

i. הקובץ שייטען לחלון החדש.
ii. שם החלון החדש.
iii. רוחב החלון החדש.
iv. גובה החלון החדש.


4. ההגדרה של הפונקציה launch מוסיפה מאפיינים לחלון החדש:

 no toolbar, no menubar, is resizable וכו' .


עכשיו, בוא וננסה לפתוח את אותו החלון בגודל שונה, לחץ על הקישור הבא.


הקוד שמאחורי קישור זה הוא:

 

  <a href=" javascript:launch('linked.html','win3',200,400)" </a>

 

(השינוי היחידי שנעשה הוא באורך וברוחב)

 

אפשר גם לפתוח חלון חדש עם מעט יותר פרטים, למשל אפשר להוסיף לחלון החדש menu bar ,את הכתובת של החלון (url) ,שורת גלילה ואפשרות לשנות את גודלו של העמוד.

 

הסתכל בקטע הקוד הבא:

 

 <a href=" javascript:locscrollmenu('linked.html','win2',400,200)" </a>

 

 

במקרה זה השתמשנו בפונקצית ג'אווה סקריפט בשם locscrollmenu , במקום הפונקציה launch .שים לב ששתי הפונקציות מוגדרות בעזרת פונקצית הג'אווה סקריפט window.open ונבדלות רק בתכונות החלון אותו אנו פותחים.

 

 

 

 17-02-04 / 17:00  עודכן ,  16-11-03 / 14:46  נוצר ע"י עזרא גנוט  בתאריך 
 העצם Date (תאריך) - הקודםהבא - אזהרות בעבודה עם ג'אווה סקריפט 
תגובות הקוראים    תגובות  -  0
דרכונט
מהי מערכת הדרכונט?
אינך מחובר, להתחברות:
דוא"ל
ססמא
נושאי לימוד
חיפוש  |  לא פועל
משלנו  |  לא פועל
גולשים מקוונים: 4