Hi Skip,<br><br> I haven't looked lately, but are pageX and pageY integers or do they include units? If the former, then you may need to add the units since the current standards require them.<br><br>Just typing out loud here...<br><br>Peter<br><br><font face="Tahoma, Arial, Sans-Serif" size=2>
<hr align=center width="100%" SIZE=2>
<b>From</b>: Skip Evans <a href="mailto:skip@bigskypenguin.com">skip@bigskypenguin.com</a><br></font><br>Hey all,<br><br>Just joined the list so I'll preempt your <br>"welcomes" now:<br><br>Thank you, thanks, great to see you all. I'm here <br>all weekend at the Flamingo Lounge, enjoy the buffet.<br><br>Now here's my question. I'm using Scriptaculous to <br>create a pop up with the following class definition:<br><br>.popup_panel {<br>position: absolute;<br>text-align: left;<br>top: 100px;<br>left: 180px;<br>margin: 0 0 1px 0;<br>border: 2px solid #555;<br>z-index: 100;<br>background-color: #fff;<br>color: #999;<br>}<br><br>The HTML code used to create the template has an <br>id value of the same name:<br><br>
<div class=popup_panel id=popup_panel>...</div><br><br>Then in the javascript I try to adjust the <br>position of the pop up with the following<br><br>var xpos=e.pageX;<br>var ypos=e.pageY;<br><br>// set the position of the pop up in the browser.<br>var popup=document.getElementById('popup_panel');<br>popup.style.top=xpos-50;<br>popup.style.left=ypos-50;<br><br>It gets the pageX and pageY values fine (tested <br>with a call to alert function), but does not <br>adjust the popup's position beyond what is set in <br>the CSS.<br><br>Any help would be greatly appreciated.<br><br>-- <br>Skip Evans<br>Big Sky Penguin, LLC<br>503 S Baldwin St, #1<br>Madison, WI 53703<br>608-250-2720<br><a href="http://bigskypenguin.com">http://bigskypenguin.com</a>