Onmouseover,call function but as cursor moves - cursor changes whole time!
Hi, I need help please!
Onmouseover it calls a function, but onmouseover the image it changes the cursor from default ot busy the whole time.
I want it to stay to default.
I have set it o default in the div, function & onmouseover but it stil does that
code:
<div id="hoverText2" class="main" style="padding: 5px; position: absolute; display: none; width: 200px; cursor : default;"></div>
<script type="text/javascript">
var hoverText2 = document.getElementById('hoverText2');
function showHover2(txt, e){
if(document.all){
xpos = event.clientX + document.body.scrollLeft;
ypos = event.clientY + document.body.scrollTop;
}
else{
xpos = e.pageX;
ypos = e.pageY;
}
hoverText2.innerHTML = txt;
hoverText2.style.left = "-50px";
hoverText2.style.top = ypos + 4 + 'px';
hoverText2.style.display = "block";
hoverText2.style.cursor = "default";
}
function hideHover2(){
hoverText2.innerHTML = "";
hoverText2.style.display = "none";
}
</script>
<xsl:element name="asp:image">
<xsl:attribute name='id'>ttip_<xsl:value-of select='$nextNode/@name' /></xsl:attribute>
<xsl:attribute name='runat'>server</xsl:attribute>
<xsl:attribute name='imageurl'>images/help.jpg</xsl:attribute>
<xsl:attribute name='style'>cursor:default</xsl:attribute>
<xsl:attribute name='onmousemove'>ttip_<xsl:value-of select='$nextNode/@name' />.style.cursor = 'default'; showHover2('<xsl:value-of select="$nextNode/Tooltip" />', event)</xsl:attribute>
<xsl:attribute name='onmouseout'>hideHover2()</xsl:attribute>
<xsl:attribute name='class'>main</xsl:attribute>
</xsl:element>
Please Any Ideas!
Regards
|