Popup with background greyed out

[iceman023]

Someone help me out here... I want to add comments to my site but instead of opening a new windows to add a comments, i just want it to popup and grey out the orginal background. How do i do this??

[MasterACE14]

javascript

[iceman023]

ya i kinda figured that but i cant find anything online..

[MasterACE14]

dynamicdrive.com may have what you are looking for.

[iceman023]

I found this online.. What you think?? Is all that suppost to be in one file.. if so is it .php file or .js

 

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

function showPopUp()

{

document.getElementById("dialogue").style.display = "";

document.getElementById("overlay").style.display = "";

}

function hidePopUp()

{

document.getElementById("dialogue").style.display = "none";

document.getElementById("overlay").style.display = "none";

}

</script>

 

 

<style type="text/css">

*html #overlay

{

/*\*/

position:absolute;

top: expression(((ignoreMe = document.documentElement.scrollTop? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');

left: expression(((ignoreMe2 = document.documentElement.scrollLeft? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');

/**/

}

</style>

 

<div id="dialogue" style="position:absolute;z-index:2000;top:280px;left:240px;width:340px;height:130px;border:1px solid black;background-color:#0055E7;font-size:12px;font-weight:bold;color:white;display:none">

  Pop Up Window

<table style="margin:13px 5px 5px 5px;background-color:lightyellow;color:black">

<tr><td align="center" colspan="2">What would you like to do now?<br /><br /></td>

</tr>

<tr>

<td><input type="button" name="btn_Close" id="btn_Close" onClick="hidePopUp()" value="Hide PopUp" /></td>

<td><input type="button" name="btn_Nothing" id="btn_Nothing" onClick="return false" value="Nothing" /></td>

</tr>

</table>

</div>

<div id="overlay" style="position:fixed;z-index:1000;top:0px;left:0px;width:100%;height:100%;background-color:#666666;opacity:.7;filter:alpha(opacity=70);display:none"> </div>