|
מטרת השיעור
1. ללמד כיצד לפתוח חלון דפדפן חדש עם הגדרות מדויקות לגודל ומיקום החלון. 2. ללמד כיצד ניתן להפעיל פונקציות Javascript מתוך פלאש. ידע נדרש - הבנה בסיסית ב - HTML תכנות בסיסי בפלאש - עבודה עם משתנים פתיחת חלון POP-UP מתאפשרת באמצעות פקודה בשפת Javascript שאנחנו מפעילים מתוך פלאש. לפלאש אין יכולת לפתוח חלון עם הגדרות מדוייקות לגבי גודל החלון ומיקומו על המסך בעזרת הפקודות הקיימות ולכן אנחנו נאלצים להפעיל פונקציית Javascript, אשר לה יש את היכולת הזו. באופן כללי - Javascript היא שפה שפותחה במקור עבור דפדפן Netscape ונתמכת ברובה גם על ידי Microsoft Explorer. ישנם מספר מאפיינים לחלון אשר נתמכים רק על ידי Netscape - לדוגמא שורת הכותרת ניתנת לביטול ב - Netscape, אך לא ב - Microsoft Explorer. בשיעור זה נתייחס למאפייני החלון שפועלים בשני הדפדפנים. |
|
דוגמא לפתיחת חלון מתוך פלאש - לחץ כאן להורדת קובץ דוגמא |
|
פונקציות Javascript רשומות באיזור ה-HEAD של עמוד ה-HTML המכיל את הסרט שלנו. |
|
הסבר הקוד:
על מנת לפתוח חלון חדש ב-javascript נשתמש בפקודה window.open - שמאפשרת פתיחת חלון ובו קובץ מסויים עם מאפיינים מסויימים.
בתוך הסוגריים אנו רושמים 3 פרמטרים שחייבים להרשם באופן הבא -
window.open('theLink.html','name','parameter1=value,parameter2=value');
theLink.html - שם הקובץ (יכול להיות כל קובץ שהוא או נתיב מלא)
Name - שם החלון, לא רלוונטי למקרה זה. Parameters: width,height - רוחב החלון top,left - מיקום החלון מצד שמאל ומלמעלה ביחס למסך כולו, נמדד בפיקסלים. resizable - אם שווה ל-0 יפתח חלון בגודל קבוע ובלתי ניתן לשינוי fullscreen - מאפשר פתיחת חלון במצב מסך מלא - אם הוא שווה ל - 1 כל שאר המאפיינים מבוטלים. לדוגמא:
window.open('myPage.html','name','width=300,height=200,resizable=1');
window.open('myPage.html','name','fulscreen=1');
הערה חשובה - שפת Javascript היא case sensitive - הפקודות חייבות להרשם באותיות קטנות,
אלא כאשר מצויין אחרת (במקרים שהפקודה היא 2 מילים ומעלה). כמו כן, אסור לעשות רווחים בתוך הסוגריים. |
|
קריאה לפונקצית Javascript מתוך פלאש:
ע"י שימוש בפקודת getURL נוכל לקרוא לכל פונקציית Javascript שנמצאת בעמוד המכיל את הסרט. בחלון ה-URL שבפקודה getURL נרשום את הקידומת ":javascript" ואחריה את שם הפונקציה שברצוננו להפעיל. במקרה שלנו שם הפונקציה הוא "popup" (באותיות קטנות) והיא מקבלת את שלושת הפרמטרים (URL,name,parameters) כך שאנחנו צריכים להוסיף גם אותם, עם הפסיקים בינהם על מנת שהפונקציה תפעל כראוי. ניתן להשתמש בנתונים שבחרנו מתוך פלאש או לקבוע ערכים קבועים ללא שימוש במשתנים. על מנת להעביר את הערכים שבחרנו מתוך פלאש (שרשומים בתוך שדות טקסט ) אל הפונקציה, אנחנו צריכים להפוך את ה URL שב getURL לביטוי (expression) ולשרשר טקסט פשוט עם הערכים של המשתנים שלנו. הקוד שרשום בכפתור "פתח חלון" בקובץ הדוגמא הוא:
"javascript:popup('" add URL add "','child','width=" add width add
",height=" add height add ",top=" add yLoc add ",left="
add xLoc add ",resizable=" add resizable add "')"
כאשר נלחץ על הכפתור, המשתנים שבביטוי יוחלפו בערכים שלהם מתוך הפלאש ונקבל מחרוזת שמכילה את הקריאה לפונקציה עם הערכים מופרדים ע"י פסיקים.
כמוזכר למעלה, ניתן להפעיל את הפונקציה popup גם ללא שימוש במשתנים מתוך פלאש ע"י כתיבת הקישור כולו כמחרוזת אחת ארוכה בתוך שדה ה URL בפקודת ה - getURL. דוגמא:
"javascript:popup('link1.html','child','width=300,height=300,top=0,left=0,resizable=0')"
או למשל:
"javascript:popup('link1.html','child','fullscreen=1')"
|
|
הערה: בעמוד זה ניתן לראות כיצד ניתן לפתוח חלון ללא מסגרת וללא שורת כותרת, תוך שימוש בפונקציה נפרדת שעושה שימוש שונה ב - window.open, אך לא יינתן הסבר לקוד במסגרת שיעור זה. |