View Single Post
Unread 01-24-2008, 06:39 AM
ISMAILC ISMAILC is offline
Member
Join Date: Dec 2007
Posts: 45
  #5  
Smile Thank You - I found a complete CSS tooltip,

Thank You- 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
Reply With Quote