You are viewing this page out of context. To see it in the context it is intended please click here.

About This Page

Reply posted by anonymous on Thu 9 Oct 2003 in response to Making pop-up windows modal

use DHTML for cross-browser modal popup

initial idea:


in the css:


.popup {
visibility:hidden; position:absolute;
left:40%;
top:50%;
width:400px;
height:200px;
margin-left:-50px;
margin-top:-50px;
background-color:#99CCFF;
}


of course, the width, heigth etc. would be best calculated dynamically to cover
other input.


in the javascript:


function hide(){
document.getElementById("pop1").style.visibility="hidden";
}


in the xhtml:


<div class="popup" id="pop1">
Popup stuff goes here.
<form>
<div>
<input type="button" onclick=hide()>
</div>
</form>
</div>