bonjour,

dans un tableau, j'ai des titres
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<span id="org" class="inactive" style="height:24px; width:219px; color:#259CD4;" onmouseout="swapOut(this);" onmouseover="swapOver(this);image('img/organiser.png','Organiser');">S'organiser</span>

et des textes
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<p class="org" align="right" id="org"><a href="#">Planning</a></p>

Au survol sur les titres, j'affiche et change une image dans des divs dédiées.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function swapOver(elem) {
elem.className = "active";
}
 
function swapOut(elem) {
    elem.className = "inactive";
}
function image(lien, titre)
{
var val = "<img src=" + lien + " alt=\"" + titre + "\" >";
 
//je génère ma balise html à l'aide des paramètres qu'on lui aura passé
document.getElementById('cerclebleu').innerHTML = val;
document.getElementById('cerclebleu').style.display="inline";
document.getElementById('cerclevert').style.display="none";
document.getElementById('assistance').style.display="none";
//je modifie le contenu html de l'élement nommé "cerclebleu et je lui affecte le nouveau contenu que j'ai précédemment mis dans la variable val
}
je voudrais , en plus du changement d'image, changer la classe de mes <p class="org" align="right"><a href="#">Planning</a></p> et la faire passer de " " a "inactive" onmouseout.

En gros, lorsqu'un "titre" est survolé, il change l'image, récupère tous les élément p ayant la même class que lui et les passe en classe "active" puis on restaure le tout onmouseout.

j'ai sept classes différentes à appeler pour le changement d'état.
Mon problème c'est que je ne sais pas comment récupérer tous les elements et les modifier.

dans la fonction swapOver(elem) j'ai tenté un
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
var classes = elem.className;
alert(classes);
for (i in classes)
{
    if(classes[i].className = "inactive")
    {
        classes[i].className = "active";
    }
}
l'alerte renvoie bien la classe correspondante mais le script ne modifie pas mes classes.

Tout aide est bienvenue