Merci beaucoup pour ces éclaircissements.
J'avais des questions, mais en testant le code que tu m'as donné, j'ai répondu à mes questions.
En faites, tu empile au passage de la souris et désempile quand elle quitte d'où la présence des unbind (qui vide la pile).
Bon je vais m'attaquer au freeze de la div si on clique. C'est pas gagné...
[Edit]
Voila, j'ai presque fini, je poste pour que tu voie ce que j'ai fais, je sais pas si tu l'aurais fait comme sa:
J'appelle la fonction click_tips via un onclick
.
Sa marche, reste a crée un bouton croix qui efface la bulle.
Merci beaucoup pour ton aide, quand j'aurais fini totalement, je mettrais le script dans les ressource, cela peu servir a d'autre
.
J'avais des questions, mais en testant le code que tu m'as donné, j'ai répondu à mes questions.
En faites, tu empile au passage de la souris et désempile quand elle quitte d'où la présence des unbind (qui vide la pile).
Bon je vais m'attaquer au freeze de la div si on clique. C'est pas gagné...
[Edit]
Voila, j'ai presque fini, je poste pour que tu voie ce que j'ai fais, je sais pas si tu l'aurais fait comme sa:
(function($) {
$.valmetips = {
freeze: false,
//Affichage de l'info-bulle
over_tips: function(ths, message, title) {
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"});
};
//On vide les piles
var outHandler = function() {
jQuery(ths)
.unbind('mousemove',moveHandler)
.unbind('mouseout',outHandler);
};
//je pointe sur le lien où est la souris
if (!$.valmetips.freeze)
{
//Injection du message
$("div#tips").append("<h1>"+title+":</h1>"+message);
jQuery(ths)
//à chaque fois que la sourie bouge, j'exécute moveHandler
.bind('mousemove', moveHandler)
//quand je quitte le lien, j'exécute outHandler qui va enlever les actions
.bind('mouseout',outHandler);
}
}
,
cache_tips: function() {
if (!$.valmetips.freeze)
{
//On vide la div.
$("div#tips").empty();
//On la rend invisible
$("div#tips").css({visibility: "hidden"});
}
}
,
click_tips: function(ths, message, title) {
//on zappe tout.
jQuery(ths)
.unbind();
//On zappe la div
$("div#tips").empty();
//On ajoute le contenu
$("div#tips").append("<h1>"+title+":</h1>"+message);
//on affiche la div
$("div#tips").css({visibility: "visible", width: "400px",height: "400px",
top: (sourisTop+20)+"px", left: (sourisLeft+30)+"px"});
$.valmetips.freeze = true;
}
}
//Accès rapide
over_tips = function(message, title) {
$.valmetips.over_tips(this, message, title);
}
cache_tips = function() {
$.valmetips.cache_tips();
}
click_tips = function(message, title) {
$.valmetips.click_tips(this, message, title);
}
})(jQuery);
J'appelle la fonction click_tips via un onclick
.Sa marche, reste a crée un bouton croix qui efface la bulle.
Merci beaucoup pour ton aide, quand j'aurais fini totalement, je mettrais le script dans les ressource, cela peu servir a d'autre
.