Facebook
Twitter
RSS426
צפיות
צפיות
10
תשובות
תשובות
שאלה בקשר לחלון…
יש לי לינק שבלחיצה עליו הוא פותח חלון שנפתח על כל המסך.
בחלון הזה יש 2 תמונות קטנות שהן בעצם לינק לחלון פופ-אפ שבתוכו אותן תמונות רק גדולות יותר.
הבעייה מתעררת כשחלון הפופ-אפ עם התמונה המוגדלת נפתח.
אחרי שחלון הפופ-אפ נפתח, החלון מתחתיו (שתופס את כל המסך) לא תופס את כל המסך יותר וסרגל הכלים (באפליקציית הווינדוס) התחתון מופיע למטה.
האם ישנה דרך לפתוח חלון פופ-אפ מבלי שייראה סרגל הכלים התחתון ושהחלון התחתון עדיין ישאר על כל המסך?
פפר
10 תשובות
זה לא נשמע התנהגות תקינה…
פתיחה של חלון נוסף לא אמורה להשפיע על החלון שפתח אותו…
אפשר לראות את הקוד שבתוך הפופ אפ הראשון?
בבקשה…
<script language="JavaScript">
function NewWindow(url, name, w, h)
{
var winl = (screen.width – w) / 2;
var wint = (screen.height – h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable'
win = window.open(url, name, winprops)
}
</script>
וה HTML
<a href="#" onclick="NewWindow('1.html','1','365','210');">Click</a>
תודה
אני לא רואה לזה שום גורם בקוד…
זה כבר מתחיל להיות ממש מוזר…
אתה יכול לתת לינק?
הנה הלינק…
נראה לי שהבנתי מה הולך שם…
ברירת המחדל של הסרגל של windows היא aot – כלומר שהוא תמיד יהיה מעל כל החלונות האחרים. ברגע שפתחת חלון שמסתיר אותו, בעצם דרסת את ההגדרה הזו, אבל ברגע שהחלון הנ"ל מאבד פוקוס (כי הפוקוס כמובן עובר לחלון הבא) סרגל הכלים "נזכר" שהוא אמור להיות מעליו, ולכן אתה לא מצליח להסתיר אותו אחרי שפתחת חלון נוסף.
אז מה עושים בנדון?
תגיד לי, אתה לא ישן?!
אממ…
אם תתן focus חזרה לפופ אפ הראשון, הוא יסתיר לך את השני, אז אני חושב שעדיף לך פשוט לדמות את הפופ אפ השני בעזרת קצת DHTML…
וחוצמזה… אני הולך לישון בדיוק עכשיו
מממ – למה אתה מתכוון…
לדמות את הפופ אפ השני בעזרת קצת DHTML?
כתבתי דוגמית קוד קטנה…
אני מקווה שההערות בקוד מסבירות מספיק, אם לא, כמובן תרגיש חופשי לשאול כל מה שאתה לא מבין.
<html>
<head>
<title> show or hide pictures using dhtml </title>
<meta name="author" content="Zohar Peled">
<style type="text/css" title="">
.linkClass {text-decoration:underline;color:blue;cursor:hand;}
.linkHoverClass {text-decoration:overline;color:red;cursor:hand;}
.dhtmlWin{display:none;z-index:1;position:absolute;}
</style>
<script language="javascript">
/*
* this function is responsible for the hover effect on the "link"
*/
function hover(hoverObj, className) {
hoverObj.className = className;
}
/*
* this function is responsible showing and hiding the picture.
*/
function showHidePic(picId) {
var objPic = document.getElementById(picId).style;
objPic.display=="inline" ? objPic.display="none" : objPic.display="inline";
}
</script>
</head>
<body>
<span class="LinkClass" onMouseOver="hover(this, 'linkHoverClass')" onMouseOut="hover(this,'linkClass')" onClick="showHidePic('picId')">
bla bla bla
</span>
<img class="dhtmlWin" id="picId" src="pic.jpg">
</body>
</html>
תודה על הקוד אבל…
לצערי, זה לא בדיוק מה שאני מחפש.
שוב, תודה על הטרחה.
פפר