[résolu] Détecter une classe au survol

c'est pas tout à fait ça qu'il me faut. Disons que j'ai un bloc contenant plusieurs éléments qui appelle une fonction au survol, et j'ai besoin que cette fonction réagisse différemment selon l'élément survolé.
Quelque chose qui ressemblerait à :

<div onmouseover = "mafonction();" >
<p class="comportement1"></p>
<p class="comportement2"></p>
</div>

function mafonction() {
if(elementSurvole == "comportement1") {
on fait un truc;
}
else {
on fait autre chose;
}

Salut,

Probablement un truc dans ce style :

[b]HTML[/b]
<div id="maDiv">
    <p class="comportement1"></p>
    <p class="comportement2"></p>
    <p class="comportement3"></p>
    <p class="comportement4"></p>
</div>

[b]JS[/b]
// après le chargement du DOM / de la page :
document.getElementById('maDiv').onmouseover = function(evenement) {
    var elementSurvole = evenement.target || evenement.srcElement;
    switch (elementSurvole.className) {
        case 'comportement1' : ...
        case 'comportement2' : ...
        case 'comportement3' : ...
        case 'comportement4' : ...
    }
}

Modifié par marcv (11 Jun 2009 - 09:05)

Peut-être quelques éléments de réponse ici.
Bonne chance

Merci Marc, c'est parfait !