DIV Popups from JavascriptToolbox.com
Simple Popup Using In-Page DIV
This simplest example uses an existing DIV defined on the page as the popup window. By default, the DIV is hidden. The Popup.show() function is used to treat the DIV as a popup, show it, and make it auto-hide if anything else is clicked.
<div style=”background-color:yellow;border:1px solid black;display:none;width:200px;height:200px;”>Click anywhere in the document to auto-close me</div>
<a href=”#”>Click Here To Show DIV</a>
Simple Popup With Auto-Created DIV
For this example, there is no DIV defined anywhere on the page for the popup. The library will automatically create one and populate its contents from what is passed into the Popup.show() function. Some styles to be applied to the created DIV are also passed, so it stands out.
<a href=”#”>Click Here To Show DIV</a>