Boucle javascript sur un element LI

[misscasa2009]

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:

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.

 

[honolulu]

dans une page html, contrairement aux éléments "class", tu ne peux avoir qu'une seule occurrence pour un id donné. bref, tu dois changer tes li de id="sousitem" en class="sousitem", idem pour ton js (que je n'ai pas regardé, je suis en week end :wink: )