Hej Hej PJ!Dölja popup
Jag har gjort en funktion som visar en popup (inte ett fönster utan popup objektet från IE5.5 eller senare) med hjälp av window.createPopup när användaren för musen över en bild (onmouseover). Rutan visas med popup.show metoden och tar sin data från en DIV-tag med ett visst id.
Rutan visar några pixlar till höger och nedan om muspekaren så att man fortfarande skall kunna klicka på bilden om den är en länk.
När användaren sedan flyttar muspekaren från antingen bilden eller popup-rutan skulle jag vilja att popup-rutan stängs.
Jag har provat att använda onmouseout för att kalla på en funktion som använder popup.hide med effekten att popup-rutan stängs när jag flyttar musen från bilden till den.
Hur skall jag göra för att kunna ha musen över både bilden och popup-rutan men stänga rutan så fort musen lämnar någon av dom?
Mvh PetterSv: Dölja popup
Ett grovt tillyxat kodexempel:
<code>
<html>
<head>
<SCRIPT LANGUAGE="JScript">
var oPopup = window.createPopup();
var overImg = false;
var overPopup = false;
function window_onload() {
var oPopupBody = oPopup.document.body;
oPopupBody.style.backgroundColor = "lightyellow";
oPopupBody.style.border = "solid black 1px";
oPopupBody.innerHTML = "Display some <B>HTML</B> here.";
oPopup.document.onmouseout= outpopup
oPopup.document.onmouseover= overpopup
}
function showpopup() {
oPopup.show(100, 100, 200, 50, document.body);
}
function hidepopup() {
if((overImg == false) && (overPopup == false))
{
oPopup.hide();
}
}
function overpopup(){
overPopup = true;
}
function outpopup(){
overPopup = false;
hidepopup();
}
</SCRIPT>
</head>
<body onload="window_onload();">
<img src="foo.gif" width=110 height=110 onmouseover="overImg=true;showpopup();" onmouseout="overImg=false;hidepopup()">
</body>
</html>
</code>