View Full Version : DHTML Window Widget (Position relative to image not window)

07-29-2008, 08:11 AM

I have the DHTML Window Widget working fine, but I'm looking to position the popup window relative to the image not the window.

Here is a link to the project.

As it stands, if you click the "Explore Now" button I have the popup centering itself to the window. I would like to know how to alter the script to place the popup window center/right on the image.

Here is a screen shot of how I would like the window to position itself.


Here is my code as it stands:

<img name="m_TennesseeMain" src="Images/TennesseeMain.jpg" width="825" height="500" border="0" id="m_TennesseeMain" usemap="#m_TennesseeMain" alt="Explore Now!" />
<map name="m_TennesseeMain" id="m_TennesseeMain">
<area shape="rect" coords="49,295,164,322" href="#" onClick="ajaxwin=dhtmlwindow.open('ajaxbox', 'ajax', 'WindowFiles/Destinations.asp', 'Choose Your Destination', 'width=350px,height=410px,resize=0,scrolling=1'); ajaxwin.moveTo('middle', 'middle'); return false;" alt="Explore Now!" />

Any help would be greatly appreciated.

07-30-2008, 01:31 AM
There's been a few threads on how to position the DHTML window relative to some element on the page. For example, please see my response in this thread: http://www.dynamicdrive.com/forums/showthread.php?t=25050