Click Me

<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>

Microsoft

Kopieren Sie bitte den Code