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
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