<font face="arial" size="2">Hi Mike,<br /><br />&nbsp;&nbsp;&nbsp;You've got my attention :)&nbsp; Are you saying this will let me display an HTML element on top of select boxes and other windowed elements without bleed-through?&nbsp; If so, please help me understand this a bit more.&nbsp; Maybe I'm just a bit dense today, but I don't even see <font face="Courier New">"Request a Catalog" and "Email a Link" on that left menu.<br /></font><br />Thanks,<br /><br />Peter<br /><br /></font><font face="Tahoma, Arial, Sans-Serif" size="2"><b>From</b>: "Mike Dougherty" <a href="mailto:mdougherty@pbp.com">mdougherty@pbp.com</a><br /></font><br />use dhtml and DOM rather than proprietary tricks<br /><br /><a onclick="return togglePopup('someName');" href="/noJSversion.whatever">popup</a><br />(other html, etc.)<br /> <div id="someName">...</div><br /><br />CSS:<br />div#someName { display: none; ... }<br />div#someName.show { display: block; ... }<br /><br />script:<br />function togglePopup(tcObjName) {<br />var loObj = document.getElementById(tcObjName);<br />if (loObj.className.indexOf('show')&gt;=0) { loObj.className.replace(/ show/g,'') }<br />else { loObj.className += ' show' }<br />return false;<br />}<br /><br />if no javascript: the link takes the user to a dedicated page - otherwise the dhtml popup is <br />displayed by adding the "show" class to the object, and the style/position is controlled through <br />CSS<br /><br />if no css, the div would be displayed wherever it occurs in the html (which would probably make <br />more sense if the link jumped to an anchor inside the popup div, so that when both javascript and <br />css are turned off, someone would navigate directly to the contents through the link without even <br />requiring a page refresh. Although I wonder if you're really worried about anyone but googleBot <br />at that point. :)<br /><br />I used this technique (without the #anchor) in "Request a Catalog" and "Email a Link" (left nav) <br />on this site: http://pgiproducts.pbp.com<br /><br /><br />On Fri, 4 Feb 2005 11:11:15 -0700<br />"Peter Brunone" <PETER@BRUNONE.COM>wrote:<br />&gt;Somebody needs to invent a date-sensitive, top-posting sig for Hakan :)<br />&gt;<br />&gt;Thanks; I'll look into these. Although I'm starting to realize the limitations here (other <br />&gt;windowed controls and iframes with content from different sites so I can't alter the HTML), so I <br />&gt;may have to take a stroll down createPopup lane (IE only; I don't know what I'm going to do for <br />&gt;Moz).<br />&gt;<br />&gt;Cheers,<br />&gt;<br />&gt;Peter<br />&gt;<br />&gt;P.S. Save me a seat and a cold one.<br />&gt;<br />&gt; From: "Hakan M (Backbase)" hakan@backbase.com<br />&gt;<br />&gt;It is possible, in IE and Mozilla. They have proprietary functions that <br />&gt;will help you.<br />&gt;<br />&gt;Anyway, I'm off for the pub, so I can't help you really much right now.<br />&gt;<br />&gt;But have a look at<br />&gt;<br />&gt;Mozilla: document.getBoxObjectFor(oElement);<br />&gt;IE: oElement.getBoundingClientRect();<br />&gt;<br />&gt;and they will provide you with all the stuff you need. Not that in IE, <br />&gt;the offset is 2 pixels off (always).<br />&gt;<br />&gt;Hope this helps.<br />&gt;<br />&gt;Regards,<br />&gt;H<br />&gt;<br />&gt;Peter Brunone wrote:<br />&gt;&gt; Thanks Paul and Richard...<br />&gt;&gt; <br />&gt;&gt; I guess I was looking for some magical method that would allow me to <br />&gt;&gt; do this without iterating through *every* element on the page. Perhaps <br />&gt;&gt; that's not a possibility right now, and I just need to get down and <br />&gt;&gt; dirty with the DOM. As usual, I'm sure PPK's stuff will prove helpful.<br />&gt;&gt; <br />&gt;&gt; Cheers,<br />&gt;&gt; <br />&gt;&gt; Peter<br />&gt;&gt; <br />&gt;&gt; *From*: Paul Novitski paul@novitskisoftware.com <br />&gt;&gt; <br />&gt;&gt; <br />&gt;&gt; At 08:27 PM 2/3/2005, Peter Brunone wrote:<br />&gt;&gt; &gt; Is it possible, with an absolutely-positioned element, to<br />&gt;&gt; &gt;determine what controls (either absolutely or relatively positioned)<br />&gt;&gt; &gt;overlap its current area?<br />&gt;&gt; <br />&gt;&gt; Peter,<br />&gt;&gt; <br />&gt;&gt; As far as I know you can determine the dimensions and position in the<br />&gt;&gt; window of any element on the page, regardless of how it was<br />&gt;&gt; positioned. Peter-Paul Koch's got some nifty little functions for<br />&gt;&gt; determining position on http://www.quirksmode.org/ (navigate to Javascript<br />&gt;&gt; : DHTML : Find position) Then it's a simple matter of iterating through<br />&gt;&gt; all the elements on the page, doing the necessary arithmetic to discover if<br />&gt;&gt; any overlap your target element.<br />&gt;&gt; <br />&gt;&gt; Upon reflection, it seems to me that two boxes overlap if any one corner of<br />&gt;&gt; either box lies between the top and bottom AND between the left and right<br />&gt;&gt; edges of the other box. That logic would require eight tests per pair of<br />&gt;&gt; boxes to prove that they didn't overlap, testing each corner of both boxes<br />&gt;&gt; to see if it lay within the other box. Perhaps you can reduce that to<br />&gt;&gt; something more elegant!<br />&gt;&gt; <br />&gt;&gt; Well, let's see: in four tests you can find out whether:<br />&gt;&gt; - the top of box A lies below the bottom of box B, or<br />&gt;&gt; - the bottom of box A lies above the top of box B, or<br />&gt;&gt; - the left edge of A lies to the right of B's right edge, or<br />&gt;&gt; - the right edge of A lies to the left of B's left edge.<br />&gt;&gt; If any of those are true, the boxes can't overlap. If all are false, I<br />&gt;&gt; believe they must overlap. N'est ce pas?<br />&gt;&gt; <br />&gt;&gt; Paul<br />&gt;&gt; <br />&gt;&gt; <br />&gt;&gt; ------------------------------------------------------------------------<br />&gt;&gt; <br />&gt;&gt; _______________________________________________<br />&gt;&gt; Javascript mailing list<br />&gt;&gt; Javascript@LaTech.edu<br />&gt;&gt; https://lists.LaTech.edu/mailman/listinfo/javascript<br />&gt;_______________________________________________<br />&gt;Javascript mailing list<br />&gt;Javascript@LaTech.edu<br />&gt;https://lists.LaTech.edu/mailman/listinfo/javascript<br />&gt;<br />&gt;<br />&gt;<br />&gt;<br />&gt;<br />&gt;__________________________________________________________<br />&gt;This message was scanned by ATX<br />&gt;1:12:29 PM ET - 2/4/2005<br /><br />_______________________________________________<br />Javascript mailing list<br />Javascript@LaTech.edu<br />https://lists.LaTech.edu/mailman/listinfo/javascript<br /><br />