Javascript Inline PopUp

[TraySongs]

Hallo,

ich hätte da mal eine Frage, ich habe einen Inline PopUp der erscheint wenn man eine Seite betritt:

Code:

<div id="gewinDiv">
      <div id="gewinDivre">
      <input type="button" value="x" onclick="document.getElementById('gewinDiv').style.display = 'none';" /><br />
      </div>

<h6>Text.....</h6><br />

<script>
             function hideGewin(){
document.getElementById('gewinDiv').style.display = 'none';
document.cookie = 'gewinn=hide';
}

var aktiv = window.setInterval("hideGewin()", 15000);  
			if(document.cookie){  
				CheckCookie();  
			}  
			function CheckCookie(){  
				a = document.cookie;  
				cookiename = a.substr(0,a.search('='));  
				cookiewert = a.substr(a.search('=')+1,a.search(';'));  
				if(cookiewert == '')  
				{cookiewert = a.substr(a.search('=')+1,a.length);}  
				if (cookiewert == 'hide'){  
					document.getElementById('gewinDiv').style.display = 'none';  
				}  
			  
			}  

</script>

</div>

So nun möchte ich gerne das der Hintergrund abgedunkelt wird, dass halt die ganze aufmerksamkeit auf dem PopUp liegt.
Weiß jemand wie ich das schnell und einfach Lösen kann?

[apsel]

Om nah hoo pez nyeetz, TraySongs!

Weiß jemand wie ich das schnell und einfach Lösen kann?

Verwende ein zusätzliches Element mit einem halbtransparenten Hintergrund, dass du bei Aufruf der Funktion via z-index hinter das popup legst.

Matthias

[LX]

Wenn Du "schnell" und "einfach" willst, nutze ein Toolkit wie jQuery. Wenn Du noch etwas lernen möchtest, setze Dich mit dem CSS-opaque-Attribut und filter:Alpha(opacity=...) im IE auseinander - und wie man sie mit JS setzt.

Gruß, LX