11548 sujets

JavaScript, DOM et API Web HTML5

Affichage d'un div en rollovers avec IE6 & 7 (FF ok)

Bonjour,

J'ai un problème d'affichage de div en rollover sur des <li> avec IE6 & 7.
Tout est ok sous FF.

Il s'agit tout bêtement d'un menu qui se déroule.
Le seul truc, c'est qu'avec IE6 & 7, cela ne fonctionne que sur le dernier élément de ma liste.

Voici mon code javascript :

<script type="text/javascript"> 
var rollOvers = {
	init: function() {
		var subs = document.getElementsByName('subLevel');
		for(var i=0; i<subs.length; i++)
		{
			
			var sub = subs[i];
			var p = sub.parentNode;
			var verif = p.parentNode;
			sub.style.display = 'none';
			p.onmouseover = rollOvers.open;
			p.onmouseout = rollOvers.close;
		}
	},
	
	open: function() {
		var sub2 = this.lastChild;
		sub2.style.display = 'block';
	},
	
	close: function(sub) {
		var sub = this.lastChild;
		sub.style.display = 'none';
	}
};
window.onload = rollOvers.init;
</script>


Et voilà mon code html généré :

<table class="liens" align="left" cellpadding="0" cellspacing="0">
		<tr>
      <td class="titre_liens">&nbsp;</td>
    </tr>
		<tr class="lien">
			<td>
				<ul id="liste_liens" class="clearfix">
								<script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&amp;CATEGORY=Who%27sWho&amp;LANGUAGE=fr&amp;Type=liste&amp;Class=QUICKLINKS"></script><li><a href="http://whoswho.net/" target="_blank">Who'sWho</a></li>
 
								<script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&amp;CATEGORY=Applications&amp;LANGUAGE=fr&amp;Type=liste&amp;Class=QUICKLINKS"></script><li><a href="#">Applications</a>	<div style="display: none;" id="subLevel" name="subLevel" class="subLevel">		<span class="start"></span>			<div id="quickLinks1"><br><span><a href="https://websuite.novea.fr" target="_blank">Coursiers</a></span><br><span><a href="http://dteamroomdf.frlev.net/reservationsalles.nsf/?Open" target="_blank">Réservations de salle</a></span></div>		<span class="end"></span>	</div></li>
					
								<script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&amp;CATEGORY=Le%20Groupe%20et%20les%20autres&amp;LANGUAGE=fr&amp;Type=liste&amp;Class=QUICKLINKS"></script><li><a href="#">Le Groupe et les autres</a>	<div style="display: none;" id="subLevel" name="subLevel" class="subLevel">		<span class="start"></span><div id="quickLinks2"><span><a href="http://www.etvous.com" target="_blank">Et Vous</a></span><br><span><a href="http://www.dcommunities.com" target="_blank">Et les autres...</a></span><br>			</div>		<span class="end"></span>	</div></li>
 
								<script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&amp;CATEGORY=Nos%20partenaires&amp;LANGUAGE=fr&amp;Type=liste&amp;Class=QUICKLINKS"></script><li><a href="#">Nos partenaires</a>	<div style="display: none;" id="subLevel" name="subLevel" class="subLevel">		<span class="start"></span>			<div id="quickLinks3"><span><a href="http://www.bleu-blanc-coeur.com" target="_blank">Bleu Blanc Coeur</a></span><br><span><a href="http://www.uda.fr" target="_blank">Union des Annonceurs</a></span><br>			</div>		<span class="end"></span>	</div></li>
 
								<script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&amp;CATEGORY=Utiles&amp;LANGUAGE=fr&amp;Type=liste&amp;Class=QUICKLINKS"></script><li><a href="#">Utiles</a>	<div style="display: none;" id="subLevel" name="subLevel" class="subLevel">		<span class="start"></span>			<div id="quickLinks4"><span><a href="http://www.lesechos.fr%20" target="_blank">Les Echos</a></span><br><span><a href="http://www.lefigaro.fr" target="_blank">Le Figaro</a></span></div><span class="end"></span>	</div></li>	
				</ul>
			</td>
		</tr>
		<tr class="lien">
			<td>
				&nbsp;
			</td>
		</tr>
</table>


Petite précision (si elle peut-être utile) : Mes li se construisent de manière dynamique via un appel à une base nsf, ces appels me renvoient du code javascript qui utilise "document.write" pour écrire les <li> et leur codes associés.

Si quelqu'un a une piste à me souffler, ce serait cool ! Smiley biggrin

Merci d'avance,
A+ [/i]
Sujet clos
Aller à