« Return to the main article
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>
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>