bonjour,
dans un tableau, j'ai des titres
<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
<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.
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
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
Partager