11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour
J'aimerais changer ajouter d’autre fonction dans un script pour une info bulle, mais je n’y arrive pas.
Je veux rajouter faire de sorte que l’info bulle s’affiche en en fondu au moment de l’affichage de ce dernier
et que l’info bulle ne suivre pas le curseur, mais s’affiche au même niveau que ce dernier, lors d’un passage sur un lien.

Merci de votre aide


window.addEvent('domready', function() {

	$$('.tooltips').each(function(tip){
		var content = tip.get('title').split('::');  
		tip.store('tip:title', content[0]);  
		tip.store('tip:text', content[1]);  
	});

	var tipz = new Tips('.tooltips',{  
         className: 'tip', 
         hideDelay: 50,  
         showDelay: 50,
         offsets : {'x': 20, 'y': 10}
     });  


});

Modifié par Nathan-971 (07 Nov 2008 - 01:37)
Pour l'affichage en fondu tu peux ajouter cette ligne sur un évenement de survol :
ex:

$("xxx").hover(function(){
       $(this).fadeIn("slow"); // rollOver
},function(){
       $(this).fadeOut("fast"); // rollOut
});


La deuxième fonction en paramètre de la méthode hover est une fonction de callback(rollOut).

il faut que ta tooltip soit en display:none pour que ça fonctionne

pour la seconde question... tu peux enregistrer la position de ta souris au moment du déclenchement de l'évènement et les transmettre à la tooltip pour la positionnée.

enjoy
Smiley smile
Tu pourrais préciser quel bibliothèque tu utilise aussi.

Par exemple, Prototype (vraiment à tout hasard hein.)

Par contre, je te conseillerais plutôt JQuery, qui a mon sens est moins lourd, plus souple, et plus simple.
Modifié par Calak (07 Nov 2008 - 21:37)