IE6 problème d'images...

[sailorcarom]

Hello,

J'ai un gros problème et les solutions que j'ai trouvé ne sont pas du tout appropriés...

J'ai des listes à puces en images qui se cache et affiche.

<a href="javascript:void(0);" onclick="expandMenu(this)" onkeypress="expandMenu(this)" class="a_bleu_gras">Le Témoin</a>
<div class="cache"> 
	<ul class="ul_bleuciel">
  <li><a href="">1</a></li>
  <li><a href="">2</a></li>
  <li><a href="">3</a></li>
  <li><a href="">4</a></li>
	</ul>
</div>

J'ai une fonction qui change la class du div :

.cache {
	display : none;
}

.voir {
	display: block;
}

function expandMenu(selobj)  {
	if (selobj.nextSibling.nextSibling.className=="cache") {
  selobj.nextSibling.nextSibling.className="voir"
	} else if (selobj.nextSibling.nextSibling.className=="voir") {
  selobj.nextSibling.nextSibling.className="cache"
	}
}

Très simple et ça marche bien

Sauf dans explorer 6...

Il fait disparaître les puces en image...

Je les ai mis en background du li et ça fait la même chose...

Dans l'appel, si j'enlève le href, ça fonctionne, mais on ne peu plus naviguer entre les liens avec le clavier (l'ordi ne reconnaissant plus que c'est un lien...)

Si je met un # dans le href, ça marche, mais ça retourne en haut de la page...

Mais c'est mal car mes utilisateurs deviennent tout mélangé vu qu'on l'utilise plus bas dans les pages...

En gros, j'ai trouvé qu'il fallait laissé du temps à ie pour réaficher les images...

Si je met un alert à la fin de ma fonction, ça marche, mais c'est un peu dérangeant...

Et si je met ça :

int_compteur = 0
while (int_compteur < 1000000) {
	int_compteur = int_compteur + 1
}

à la fin de ma fonction, ça laisse le temps au navigateur de réafficher les images...

Mais ça fait une pause avant d'afficher et de cacher la liste...

Metton que ça fait plusieurs mois que je stagne sur ce problème...

Modifié 5 Mai 2004 par Monique