<script language="JavaScript" src="popup.js">
//Popup box II (By Brian Gosselin at http://scriptasylum.com/bgaudiodr) //Modified slightly By Dynamic Drive //For full source, visit http://www.dynamicdrive.com
</script>
<script>
window.onload=function(){
new popUp(200, 100, 300, 175, "Div", "This is a test", "white", "black", "bold 10pt sans-serif", "Title Bar", "navy", "white", "#dddddd", "gray", "black", true, true, true, true, false);
}
</script>
new popUp(left_position, top_position, width, height, id_of_box, content_text, content_bgcolor, content_text_color, content_font_stylestring, title_text, title_bgcolor, title_text_color, border_color, scrollbar_color, shadow_color, is_hidden_on_start, is_draggable, is_resizeable, show_old, sessioncontrol);
window.onload=function(){
new popUp(250, 50, 350, 175, "box1"...
new popUp(250, 50, 350, 175, "box2"...
}
var counter=0;
function createPopup(){
counter++;
new popUp(50, 75, 200, 200, ('popupID'+counter), 'Content' , other parameters...);
}
This is why it may be better to have a popup predefined and use a link to
make it appear instead of using a link to create a new one.
.
This actually just "hides" the popup. They can also be hidden or
shown again through 2 functions: hidebox(ID) and showbox(ID).
ID is the ID of the popup you want to hide/show. Examples:<a href="javascript:showbox('Div_ID1')">Show Div_ID1</a>
<a href="javascript:hidebox('Div_ID1')">Hide Div_ID1</a>
The four links in the top left of this page use this method to close and
re-open the 2 pre-defined popups on this page. Obviously, you cannot create
links like this to control popups created dynamically because you dont know
what their ID will be.