survol pour déclencher l'infobulle et l'animation de menu

Question

Comment combiner des actions sur des événements. Ainsi, un survol animera le menu et affichera l'info-bulle attachée à cet élément de menu.

Je suis actuellement en train d'utiliser les plugins lavalamp et beautytips.

Answer 1

Vous devrez explorer les écouteurs d'événements et les gestionnaires d'événements. Par exemple:

// Event handlers are declared like this: 

var elm = document.getElementById("someElement"); 

elm.onmouseover = function() { 
    elm.innerHTML = "OVER state has been triggered!"; 
} 

Ecrit de cette façon, chaque élément peut avoir une fonction pour un événement. Les écouteurs d'événements vous permettent d'attacher autant de fonctions que vous le souhaitez pour un événement. Ils sont différents scripts dans IE et FF, mais font la même chose. En utilisant javascript brut, vous pouvez joindre des événements comme celui-ci:

function listenFor(obj,eventName,fcnRef,bubbling) { 
    if(!bubbling) { bubbling= false; } 
    if(!obj.addEventListener) { obj.attachEvent("on"+eventName,fcnRef); } 
    else { obj.addEventListener(eventName,fcnRef,otherthing); } 
}; 

function handler1() { 
    this.style.border = '2px solid red'; 
} 

function handler2() { 
    this.style.background = 'green'; 
} 

listenFor(elm,"over",handler1); 
listenFor(elm,"over",handler2); 

Les bibliothèques comme JQuery et d'autres ont des moyens similaires à le faire. Un peu de recherche et d'expérimentation sur ce sujet devrait vous donner plus qu'assez d'informations pour animer le menu et afficher une info-bulle simultanément sur le même élément.