בדוגמא הבאה מסבירה כיצד ניתן לפתוח חלון חדש בלחיצה על קישור, אשר יבצע פעולות כלשהן, יסגר אוטומטית וירענן את דף האב שממנו נפתח הדף.
שימושי מאוד במצבים כמו הוספת הודעה בפורום.
Default.asp
בדף זה, נמקם בין תגיות ה-Head את הפונקציה שיודעת לפתוח חלון חדש בגודל שנבחר בעזרת הפונקציה window.open של JavaScript:
<![CDATA[
<SCRIPT LANGUAGE=javascript>
< !-- hide from JavaScript-challenged browsers
function openWindow(url, name) {
popupWin = window.open(url, name, 'resizable,width=380,height=422’)
}
// done hiding א
</script>
]]>
זאת כל הפונקציה, איפה שכתוב width אתם קובעים את הרוחב של החלון ואיפה שכתוב Height אתם קובעים את הגובה של החלון.
את הקישור הבא אנו נכתוב בדף עצמו, במקום בו אנו רוצים שיהיה קישור שיקרא לפונקציה שפותחת את החלון החדש:
<![CDATA[
<a href="javascript:openWindow(page.asp', 'remote');">פתח חלון חדש</a>
]]>
Page.asp
זהו הדף בו נרשום את הקוד שיפתח בחלון החדש.
לאחר מכן נרשום את קטע הקוד הבא אשר יורה לדפדפן לרענן את הדף Default.asp ולסגור את החלון שפתחנו עם הקובץ Page.asp
זה הקוד שנרשום:
<![CDATA[
<script language="javascript">
window.opener.location.href = "default.asp";
window.opener.focus();
window.top.close();
</script>
]]>
זה הכל ביינתים.
|
.png)
