PopUp in Form einer Div-Box??

covenas · 22.03.2009

Hallo zusammen!
Ich suche bereits seit Stunden das ganze Internet nach einer Lösung für mein Problem ab. Kann aber leider nichts finden.
Hoffe daher, dass ihr mir vlt. helfen könnt.

Folgendes Problem habe ich:
Ich soll für eine Studienarbeit ein PopUp Fenster in Form einer Div-Box erstellen.

Das ganze soll mit CSS, JS und HTML umgesetzt werden.

Ich stell mir das ganze ca. so vor.

Zuerst hab ich mal in CSS folgendes erstellt:

#popup
{
position:absolute;
background-color:#FFFF00;
width:600px;
height:400px;
color:black;
padding-top:100px;
padding-left:100px;
}

--------------

Das ist jetzt mal die Defintion/Beschreibung der Div-Box.
Diese soll später im Prinzip per:

<body onLoad="openWin();">

geladen werden.

------------

Und so siehts im Moment mit JS aus:

<script language="JavaScript" type="text/javascript">

</script>
-------------

zwischen { und } hab ich jetzt bewusst alle was ich bisher hatte weggelassen um euch den Schwachsinn zu ersparen welchen ich bis dato ausprobiert habe.

Ich weiß absolut nicht was genau ich dort reinschreiben soll. Logisch wäre für mich irgendwas im Sinne von "document.GetElementById('popup')..." oder so.

Hoffe jemand kann mir nen Denkanstoß oder eine Hilfestellung geben.
Danke im voraus.
lg

r3nt5ch3r · 22.03.2009

AW: PopUp in Form einer Div-Box??

zb so:

Code:

function openWin() {
	var element = document.getElementById('popup').style;
	if(element.display == 'none'){
		element.display = '';
	}else{
		element.display = 'none';
	}
}

oder nur zum "öffnen"/anzeigen:

Code:

function openWin() {
	document.getElementById('popup').style.display = '';
}

dazu aber standardmäßig auf display:none stellen!

aber kann auch sein dass ich deine Frage falsch verstanden hab^^

sokie · 22.03.2009

AW: PopUp in Form einer Div-Box??

warum überhaupt ein onlod Event? für die funktion reicht es doch eigentlich, wenn das Div einfach in der Seite ist und dann geschlossen werden kann?!

covenas · 23.03.2009

AW: PopUp in Form einer Div-Box??

Hallo zusammen!
Danke für die raschen Antworten.
@r3nt5ch3r: Genau sowas hab ich gesucht. Hatte Probleme mit dem getElementById Ding, da das nirgends wirklich genau erklärt wird.
@sokie: Jap du hast recht, der onload-Befehl war in diesem Zusammenhang eher unsinnig. Hab das jetzt so gelöst wie dein Beispiel es in etwa darstellt.

Danke nochmals für die Hilfe.
lg
covenas

fireclave · 25.03.2009

AW: PopUp in Form einer Div-Box??

Schöne und Sinnvolle Effekte findest du bei scriptacolus und anderen bibliotheken.