PDA

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



QandnotU
07-29-2008, 08:11 AM
http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/index.htm

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.
http://www.viceroydesigns.com/Starwood/TennesseeLanding/Default.asp

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.

http://www.viceroydesigns.com/Starwood/TennesseeLanding/Images/Starwood.jpg

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!" />
</map>

Any help would be greatly appreciated.
-Kevin

ddadmin
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