PDA

View Full Version : Info window popup


AndyJ
20-06-2005, 16:56/04:56PM
Hi all,

I had this code snippet somewhere and now that I need it, I can't find it.

I use Frontpage. I want to do a hyperlink that will pop up a small window with a map in it --just informational display- and then it has a "close" button within the window. I see these all the time , just a small window that pops up when you click the link.

Can anyone help me out here?

Thanks!

Connie
20-06-2005, 17:08/05:08PM
Andy are you going to open the pop up with a ckickable ink?

AndyJ
20-06-2005, 17:18/05:18PM
Originally posted by Connie
Andy are you going to open the pop up with a ckickable ink?

Hi Connie,

Yes, clickable link. I do not want it to display on just a mouseover. I can set it to either display the map jpg or another html page --whichever is easiest.

polarmate
20-06-2005, 17:25/05:25PM
Andy, the javascript method window.open() is most commonly used.
window.open() (http://www.mozilla.org/docs/dom/domref/dom_window_ref76.html)

AndyJ
20-06-2005, 17:33/05:33PM
Originally posted by polarmate
Andy, the javascript method window.open() is most commonly used.
window.open() (http://www.mozilla.org/docs/dom/domref/dom_window_ref76.html)

Manisha,

How would I make that clickable? onclick()?


Many thanks,

Andy

polarmate
20-06-2005, 17:40/05:40PM
<a href="#" onclick="javascript:window.open([allthe various parameters here]);">
your anchor text</a>

Or you could have another function which does the window.open() and use that in the onclick. Remove the space in javascript, if you choose to use it.

Connie
20-06-2005, 18:01/06:01PM
I use this for graphics. Its a fixed size window.

<a href="filename" target="window"onclick="window.open('','window','height=400,width=425')">
<img border="0" src="filename" alt="" width="115" height="171">
</a>

Both of these are resizable.

with scroll bar only
<a href="" onclick="open('file name','','width=600,height=500,scrollbars,resizable');return false">
anchor text</a>

This will open a browser window that shows tool bar, address bar, and status bar.

<a href="" onclick="open('filename','','width=600,height=375,toolbar,status,location,scrollbars,resizable,menubar');return false">
anchor text</a>

Can't give you the code to close the window right now. My PC is down. I always let people close a window with the X button on the browser.

Hope this helps