מדריך שגרירים לבניית אתרים - javascript - חלונות קופצים

חלונות קופצים - Pop ups

ראינו בנושא שעבר איך ליצור הודעות קופצות. עכשיו נראה איך ליצור פופ-אפ - חלון קופץ.

הבסיס הוא פשוט מאוד: כותבים

window.open("mypage.html")

וזה פותח את הקובץ (שהכנו כמובן מראש, או שכבר קיים) שנקרא mypage.html בחלון חדש.

לחיצה על הלינק הבא תפתח חלון חדש:

<a href="javascript://" onCLick="window.open('../index.asp')"> פתח את דף הבית בחלון חדש </a>

פתח את דף הבית בחלון חדש (אם זה לא עובד, נסו לבדוק אם חוסם הפופ-אפ - pop up blocker שלכם פועל, ולכבות אותו זמנית)

כבר אמר מי שאמר שלכל איש יש שם - גם לחלונות יש שמות. עוד מעט נראה למה.

אם אנחנו רוצים לתת שם לחלון, נפתח אותו לתוך משתנה, וזה יהיה שמו:

shmulik=window.open("index.asp")

לא רואים את השם הזה בשום מקום - הוא בשבילנו. למה? סבלנות...

window.open("mypage.html","כאן,כאן,כאן,כאן")

אם נתפרע ונכתוב את כולם יחד, זה יראה ככה (בלי רווחים ובלי לעבור שורה - זה רק כדי שתוכלו לקרוא מה כתוב):

window.open("mypage.html","height=200,width=300,resizable=no,
menubar=no,toolbar=no,location=no,
directories=no,scrollbars=no,status=no")

height=200
הגובה של החלון החדש שייפתח בפיקסלים

width=300
הרוחב של החלון החדש שייפתח בפיקסלים

resizable=yes/no
האם הגולש יוכל להגדיל ולהקטין את החלון?

menubar=yes/no
האם התפריטים של "קובץ", "עריכה", "מועדפים" וכו' יופיעו?

toolbar=yes/no
האם כפתורי "אחורה", "קדימה", "עצור" "רענן" ו"דף הבית" יופיעו?

location=yes/no
האם שורת הכתובת תופיע?

directories=yes/no
האם כל הכפתורים הנוספים שיש לכם בדפדפן (כל מה שלא צוין תחת "סרגל ניווט מינימלי) יופיעו?

scrollbars=yes/no
האם פסי הגלילה יופיעו?

status=yes/no
האם שורת הסטטוס תופיע (הפס בתחתית החלון שבו אפשר לראות שכדף סיים לעלות, ולאן לינקים מובילים)?

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

כך נזיז חלון (כן זאת פונקציה):

function poppy()
{
newwin=window.open("index.asp")

newwin.moveTo(300,300)
}

פשוט מזיזים את החלון לקואורדינטות (לנקודה) שבהן רוצים שהוא יהיה.