Message Box

Dank dem IE sind solche Messeboxen möglich. Dies ist eine Box für den aboluten Freak, der nicht nur normale Popups und Boxen auf seinen Seiten hat, sondern den Besuchern etwas ganz besonders bieten möchte.

Mit css und DHTML sind dieser Messagebox kaum noch Grenzen gesetzt.

Einziger Wehrmutstropfen: Das Script funktioniert leider nicht im Firefox.

Dieses Script läuft auf folgenden Browsern:
	Internet Explorer
	Mozilla Firefox
getestet jeweils mit der aktuellen Version

HTML-Einbindung
   <script> var oPopup = window.createPopup(); function richDialog() { oPopup.document.body.innerHTML = oDialog.innerHTML; oPopup.show(100, 50, 400, 300); } </script>  <Button style="cursor:hand; margin-left:5px; margin-right:10px;" onmousedown="richDialog()" > Click Me</button> <DIV ID="oDialog" STYLE="display:none;"> <div id="myid" style="position:absolute; top:0; left:0; width:100%; height:100%; background:#cccccc; border:1px solid black; border-top:1px solid white; border-left:1px solid white; padding:10px; font:normal 10pt tahoma; padding-left:18px "> <b>Rich Message Boxes</b><hr size="1" style="border:1px solid black;"><div style="width:220px; font-family:tahoma; font-size:80%; line-height:1.5em"><br> Diese Messagebox ist in Dynamic HTML (DHTML) geschrieben. Es setzt Cascading Style Sheets (CSS) ein. Sie können Eigenschaften dieser Messagebox dynamisch ändern. So ändert sich beispielsweise die Farbe der Messagebox, wenn Sie auf den entsprechenden Button klicken. <br> <br> <br> <button style="background:#cccccc" onclick="myid.style.backgroundColor='#3366CC';" tabindex="-1">Farbe ändern</button> </div> <br> <br> <button tabindex="-1" onclick="parent.oPopup.hide();" style="border:1px solid black; border-left:1px solid white; border-top:1px solid white; background:#cccccc ">Message schliessen</button> </DIV> <div style="position: absolute; top:50; left:250px; width:125px; height:200px; border:1px solid black; border-bottom:1px solid white; border-right:1px solid white; font:normal 10pt tahoma; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF); padding:10px" > <b>DHTML Inhalt</b><hr size="1" style="border:1px solid black;">Es ist einfach, Inhalte in eine Messagebox zu setzen. </div></div> </DIV>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"