11548 sujets

JavaScript, DOM et API Web HTML5

bonjour,

j'ai créé un menu dynamique à base de div et de mouvements avec scriptaculous. Chaque élément du menu est composé d'un titre avec une image, et d'un div avec les liens de cette rubrique. Au survol du titre, l'image change, le div du titre précédemment affiché disparaît et le div du titre survolé apparaît. Avec Firefox, IE6 et Opera pas de souci, par contre IE7 me pose un souci :

Je gère le changement d'image via un "document.getElementById", mais avec IE7 l'image ne change pas. Ce changement est utilisé dans la fonction qui gère tout le changement du menu :



function bougemenu(nb)
{
	if(nb!=affiche)
	{
		//on rétracte l'ancien menu
		new Effect.toggle('sousmenu'+affiche,'blind',{duration:1});
		document.getElementById("img"+affiche).src="images/bleu.png";
		document.getElementById("lien"+affiche).className="lienb";
		new Effect.MoveBy('menu'+affiche, -0, +45, {duration:1, fps:25, from:0.0, to:1.0});
		//on déploie le nouveau
		new Effect.MoveBy('menu'+nb, -0, -45, {duration:1, fps:25, from:0.0, to:1.0});
		new Effect.toggle('sousmenu'+nb,'blind',{duration:1});
		document.getElementById('img'+nb).src='images/orange.png';
		document.getElementById("lien"+nb).className="lieno";
		affiche=nb;
	}
}


merci d'avance si vous avez une idée