Today i wrote two function to show n hide a tool tip as this is on Ajax modal popup
function ShowNoAccessTooltip(e)
{
jQuery("#ctl00_AbcPlaceHolder_tdBook").mousemove(function(e){
jQuery('#toolTip').css('cursor', 'pointer');
jQuery('#toolTip').css('display', 'block');
jQuery('#toolTip').css('position', 'fixed');
jQuery('#toolTip').css('left',e.pageX);
jQuery('#toolTip').css('top',e.pageY);
jQuery('#toolTip').css('z-index','10000');
jQuery('#toolTip').css('background-color','#ffffff');
jQuery('#toolTip').css('border','1px solid #000000');
jQuery('#toolTip').css('margin-left','15px');
});
}
function HideNoAccessTooltip(){
jQuery("#ctl00_AbcPlaceHolder_tdBook").mouseout(function(e){
jQuery('#toolTip').css('display', 'none');
});
}
-------------------
<div id="toolTip" style="display:none; z-index:2500;">No Access...</div>
suppose on you have anchor tag ;
<a onmouseover='HideNoAccessTooltip ' onmouseout='ShowNoAccessTooltip' >HELLO WORLD</a>
this works fine.. its just good example
No comments:
Post a Comment