mouseOver - mouseOut

[Testor]

Ich will mir diesen Werbelayer anpassen:

<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">


adTime=10; // seconds ad reminder is shown
chanceAd=1; // ad will be shown 1 in X times (put 1 for everytime)

var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);
adCount=0;
function initAd(){
if(!ns && !ie && !w3) return;
if(ie) adDiv=eval('document.all.sponsorAdDiv.style');
else if(ns) adDiv=eval('document.layers["sponsorAdDiv"]');
else if(w3) adDiv=eval('document.getElementById("sponsorAdDiv").style');
randAd=Math.ceil(Math.random()*chanceAd);
if (ie||w3)
adDiv.visibility="visible";
else
adDiv.visibility ="show";
if(randAd==1) showAd();
}
function showAd(){
if(adCount<adTime*10){adCount+=1;
if (ie){documentWidth =document.body.offsetWidth/2+document.body.scrollLeft-20;
documentHeight =document.body.offsetHeight/2+document.body.scrollTop-20;}
else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
documentHeight=window.innerHeight/2+window.pageYOffset-20;}
else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
documentHeight=self.innerHeight/2+window.pageYOffset-20;}
adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;
setTimeout("showAd()",100);}else closeAd();
}
function closeAd(){
if (ie||w3)
adDiv.display="none";
else
adDiv.visibility ="hide";
}
onload=initAd;
//End-->
</script>

<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450" height="350" bgcolor="#008000"><tr><td>
<table width="445" height="345" bgcolor="#F0FFF0"><tr><td align="center" valign="middle">

<!--*****EDIT THIS MESSAGE*****-->

<a href="http://www.brennbar.org/shop_mo"; target="_blank"><img border="0" src="http://www.globa.de/Bilder/ctbanner3.gif"; width="468" height="60"></a><br><br><br>
Dieses Fenster schliesst sich in ein paar Sekunden!

<!--*****EDIT THE ABOVE MESSAGE*****-->
</td></tr></table></td></tr></table>
</div>

also die optionen sind ja alle kein problem! Nur ich will das der layer bei einem "onMouseOver" sichtbar und bei einem "onMouseOut" wieder unsichtbar wird. Es funzt ja schon aber sobald er einmal unsichtbar wird geht er nicht mehr auf! Er soll halt jedes mal bei dem MouseOver erscheinen.

Ich hab auch schon versucht was eigenes zu machen aber irgendwie funzt des net so!

[dkdenz]

Ich bin ja kein JS-Prof, aber wenn ein Element nicht mehr da ist (display="none";visibility ="hide"; ),
kann es auch nicht mehr auf das onmouseover reagieren...

[Malleus]

Versuch's mal nur mit "visibility" = "hidden|visible" [ nicht "hide" ].

Display:none "entfernt" das Element aus dem "Render-Bereich", "Visibility" zeigt es nur nicht an, es bleibt also an seinen Platz. Es "könnte" daher sein, daß es trotzdem noch Events "fangen" kann, hab's aber nicht ausprobiert