| |
ismailc
Posts: 36
Score: 0
Joined: 10/17/2007
Status: offline
|
Thank You, Thank You very, very much - i was so lost. I found a complete CSS tooltip, so i do not need to just refresh the page first when user enter & my clientside tooltip would not work once user autopsost - so i was trying to just make it work the first time. Lucky, Lucky Me - I found A Complete CSS Tooltip that i used in my xslt file Thank you all for your help & kindness, I'm gratefull and really appreciate it. Thank You!!! [CODE] <div id="hoverText" class="main" style="background: url(../../images/template/glass/c.png); padding: 5px; position: absolute; display: none"></div> <script type="text/javascript"> var hoverText = document.getElementById('hoverText'); function showHover(txt, e){ if(document.all){ xpos = event.clientX + document.body.scrollLeft; ypos = event.clientY + document.body.scrollTop; } else{ xpos = e.pageX; ypos = e.pageY; } hoverText.innerHTML = txt; hoverText.style.left = xpos + 'px'; hoverText.style.top = ypos + 14 + 'px'; hoverText.style.display = "block"; } function hideHover(){ hoverText.innerHTML = ""; hoverText.style.display = "none"; } </script> <xsl:element name="asp:image"> <xsl:attribute name='id'>ttip_<xsl:value-of select='@name' /></xsl:attribute> <xsl:attribute name='runat'>server</xsl:attribute> <xsl:attribute name='imageurl'>images/help.jpg</xsl:attribute> <xsl:attribute name='onmousemove'>showHover('<xsl:value-of select="Tooltip" />', event)</xsl:attribute> <xsl:attribute name='onmouseout'>hideHover()</xsl:attribute> <xsl:attribute name='class'>main</xsl:attribute> </xsl:element> Thank You Very Much for your time & kindness!!! Regards
|
|