Tuesday, December 28, 2010

Tool tip over Ajax Modal popup - jquery

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