<html><body><div style="color:#000; background-color:#fff; font-family:arial, helvetica, sans-serif;font-size:10pt"><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">Hello,</div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">I'm trying to learn techniques for showing flyover content, where something pops up while your mouse moves over a component.</div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">A common approach seems to be to build a hidden component and then use javascript to make it visible. </div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">I've got that working, using code like this... </div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><br></div><div><div><font face="arial, helvetica, sans-serif" size="2"><span class="Apple-tab-span" style="white-space: pre; "> </span>onMouseOver: (html jQuery ajax
script: [:s | </font></div><div><font face="arial, helvetica, sans-serif" size="2"><span class="Apple-tab-span" style="white-space:pre"> </span>s << (html jQuery id: flyoverId) cssAt: 'top' put: ((html jQuery id: cellId) positionTop).</font></div><div><font face="arial, helvetica, sans-serif" size="2"><span class="Apple-tab-span" style="white-space:pre"> </span>s << (html jQuery id: flyoverId) cssAt: 'left' put: ((html jQuery id: cellId) positionLeft).</font></div><div><font face="arial, helvetica, sans-serif" size="2"><span class="Apple-tab-span" style="white-space:pre"> </span>s << (html jQuery id: flyoverId) show]);</font></div><div><font face="arial, helvetica, sans-serif" size="2"><span class="Apple-tab-span" style="white-space:pre"> </span>onMouseOut: (html jQuery ajax script: [:s | s << (html jQuery id: flyoverId) hide]);</font></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt;
"><br></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><span style="font-size: 10pt; ">...where 'cellId' is the id of a table cell. But this example shows the popup content over the table cell.</span><br></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><span style="font-size: 10pt; ">What I need next is to adjust the 'left' position by adding </span><span> '</span><span>(html jQuery id: cellId) width' to the </span><br></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><span style="font-size: 13px; ">positionLeft value. </span>Easy enough to do with javascript, but how is this done with Seaside jQuery?</div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><span style="font-size: 13px; "><br></span></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">Also, are there other examples of how to
show flyover content using Seaside jQuery?<br></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">And what about popup content that you can interact with? i.e. content that says rendered as you move your mouse over it.</div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><span style="font-size: 13px; "><br></span></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><span style="font-size: 13px; ">Thanks for any help,</span></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><span style="font-size: 13px; ">Bob</span></div></div></div></body></html>