Boucle javascript sur un element LI
misscasa2009
Messages postés
71
Statut
Membre
-
maniaxx -
maniaxx -
Bonjour,
je voudrai faire afficher un backgroud image au survole de la souris sur mon menu sur IE 6.
j'ai réussi à faire le script , mais ça ne marche que pour la premiere LI et non pour les autre, je pense qu'il faut faire une boucle, mais je sais pas cmt procéder!
voiçi mon code JS:
et mon code html:
merci.
je voudrai faire afficher un backgroud image au survole de la souris sur mon menu sur IE 6.
j'ai réussi à faire le script , mais ça ne marche que pour la premiere LI et non pour les autre, je pense qu'il faut faire une boucle, mais je sais pas cmt procéder!
voiçi mon code JS:
function addListener(o, e, f) {
if (o.addEventListener) {
o.addEventListener(e, f, false);
} else {
o.attachEvent('on' + e, f);
}
} // addListener
function afficherDiv() {
document.getElementById('sousitem').style.background = 'url(images/interne_menu4.jpg)';
} // afficherDiv
function masquerDiv() {
document.getElementById('sousitem').style.background = 'none';
} // masquerDiv
function creerGestionnaires() {
var lien = document.getElementById('sousitem');
addListener(lien, 'mouseover', afficherDiv);
addListener(lien, 'mouseout', masquerDiv);
// variable globale
} // creerGestionnaires
et mon code html:
<ul id="navigation">
<li style="position: static;" class="toggleSubMenu">
<span class="li_racine">Fil d'infos</span>
<div class="subMenuContainer">
<div class="subMenuContainer_interne">
<ul class="subMenu">
<li id="sousitem"><span>Item 2.1</span></li>
<li id="sousitem"><span>Item 2.2</span></li>
<li id="sousitem"><span>Item 2.3</span></li>
<li id="sousitem"><span>Item 2.3</span></li>
<li id="sousitem"><span>Item 2.3</span></li>
<li id="sousitem"><span>Item 2.3</span></li>
<li id="sousitem"><span>Item 2.3</span></li>
<li id="sousitem"><span>Item 2.3</span></li>
<li id="sousitem"><span>Item 2.3</span></li>
<li id="sousitem"><span>Item 2.3</span></li>
</ul>
</div>
</div>
</li>
</ul>
merci.
Configuration: Windows XP / Firefox 3.6
3 réponses
-
Hello,
var myElement = document.getElementsByTagName('li'); for(var li in myElement){ myElement[li] //Instruction.... }
++ -
un id doit etre unique, donc comment veux tu que
document.getElementById('sousitem') sache lequel atteindre puisque tu en a 10 dans ta page
tu leur mets un nom d'id différent
sousitem1 2 ...
et tu fais une boucle -
ok,
mais je sais pas cmt faire pour la boucle sur les li?!
