PHP Pop-Up Javascript

salientanimal

Hi All,

I am looking to create a pop-up message the will broadcast over my site. I want to be able to easily update this message. Below is the code I am currently using to achieve the pop-up

<HEAD TAG>
<script type="text/javascript">
function popup(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=440,height=420,left = 740,top = 425');");
}
</script>
</HEAD TAG>

<BODY TAG>
<body onload="javascript:popup('message.jpg')"> 
</BODY TAG>

The problem with the code above is that it is in the plain pop-up window, and if you click on the window behind it the when just get minimized into your task bar.
I would like to have the pop-pop come up as n overlay, and you have to cloe it before you can use the window below. Secondly, this way I can not disable the message with out have to go into each page on which the message needs to be displayed and then enditing the code. Has anyone got any suggestions here?

johanafm

Validate your html code.

First off, there is no element called <head tag>, it's called <head>.

Secondly, you have to properly nest elements. You can't close an element before closing its child elements (<body tag><body></body tag> is incorrect). Either (assuming there was an element called <body tag> which there isn't, but this is to display nesting, not existing elements)

<body tag></body tag>
<body>...</body>

<body tag>
	<body></body>
</body tag>

Finally, if I understand you correctly, what you want is called a modal dialog or modal popup (keyword modal). However, doing this requires a lot more than a few lines of code, especially if you want to support IE6.

A simple web search for modal dialog window or modal dialog popup should give you some examples.

But I recommend that you make use of an existing js library for this. There should be one for whatever js framework you prefer. For example, both ModalBox and Lightbox Gone Wild are written using the Prototype & Scriptaculous frameworks.

salientanimal

Sorry, I only put <HEAD TAG> to indicate that I was placing that section of the code in the header/body tags.