Skip to content

Instantly share code, notes, and snippets.

@cbertelegni
Created July 1, 2013 16:11
Show Gist options
  • Save cbertelegni/5902232 to your computer and use it in GitHub Desktop.
Save cbertelegni/5902232 to your computer and use it in GitHub Desktop.
Jquery plugin para tooltip
(function($){
// tooltip
$.tooltip = function (objetoOver, tooltip, callBack){
// objetoOver
// tooltip
// callBack
var postion={ left:0, top:0, parentW: objetoOver.parent().width(), parentH: objetoOver.parent().height() };
objetoOver.hover(function(e){
if(callBack)
callBack(this); // CALLBACK recibe el objeto over
tooltip.show(); // muestra el tooltip
tooltip.w = tooltip.width(); // capturamos el width
tooltip.h = tooltip.height(); // capturamos el height
$(this).mousemove(function(e){
postion.top= e.pageY + 30;
postion.left= e.pageX + 20;
if((postion.top + tooltip.h) > (postion.parentH + 40)){ // valida position left
postion.top -= tooltip.h + 50; //exedente
}
var validaLeft=(postion.left + tooltip.w) > postion.parentW;
if(validaLeft){ // valida position left
if( (e.pageX - 30) - tooltip.w < 0){
postion.left= 30;
}else{
postion.left= (e.pageX - 30) - tooltip.w;
}
}
tooltip.css({
top: postion.top,
left:postion.left
});
});
},
function(){
tooltip.hide();
});
};
})(jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment