18-04-2009, 11:16 AM
(Modification du message : 18-04-2009, 11:19 AM par jo_link_noir.)
Ouai ok, si tous change est trop compliquer, autant laisser le onmouseover.
$(document).ready(function(){
//Position de la souris
$().mousemove(function(e){
sourisLeft = e.pageX;
sourisTop = e.pageY;
});
});
(function($) {
$.valmetips = {
//Affichage de l'info-bulle
tips: function(ths, message, title) {
//Injection du message
$("div#tips").append("<h1>"+title+":</h1>"+message);
var moveHandler = function(e) {
//Div visible (e.PageX ou sourisLeft)
$("div#tips").css({visibility: "visible", width: "400px",height: "400px",
top: (sourisTop+20)+"px", left: (sourisLeft+30)+"px"});
};
var outHandler = function() {
jQuery(ths)
.unbind('mousemove',moveHandler)
.unbind('mouseout',outHandler);
};
jQuery(ths)
.bind('mousemove', moveHandler)
.bind('mouseout',outHandler);
}
,
cache_tips: function() {
//On vide la div.
$("div#tips").empty();
//On la rend invisible
$("div#tips").css({visibility: "hidden"});
}
}
//Accès rapide
tips = function(message, title) {
$.valmetips.tips(this, message, title);
}
cache_tips = function() {
$.valmetips.cache_tips();
}
})(jQuery);