11548 sujets

JavaScript, DOM et API Web HTML5

bonjour,
j'ai besoin de faire un menu accordéon dans un site qui utilise mootools. malheureusement, la version de mootools n'est pas à jour, et n'intègre pas accordion; et une mise à jour de ce framework rend inopérents d'autres scripts du site.

j'ai donc entrepris de coder moi-même mon accordéon... mission accomplie Smiley biggrin , sauf que cela ne fonctionne pas sous IE Smiley eek ...

sauriez-vous pourquoi?

<script type='text/javascript'>
	window.onload = function(){
		myMenu['menu1'] = new Fx.Slide('menu1');
		myMenu['menu2'] = new Fx.Slide('menu2');
		myMenu['menu3'] = new Fx.Slide('menu3');
		myMenu['menu2'].hide();
		myMenu['menu3'].hide();
	}
	function monOnClick(a){
		for (var cle in myMenu)
			if(cle!=a)
				myMenu[cle].slideOut();
			else
				myMenu[cle].slideIn();
	}
</script>

<h1 onClick='monOnClick("menu1");'>Menu1</h1>
<div id='menu1'>
	contenu du menu1
</div>
<h1 onClick='monOnClick("menu2");'>Menu2</h1>
<div id='menu2'>
	contenu du menu2
</div>
<h1 onClick='monOnClick("menu3");'>Menu3</h1>
<div id='menu3'>
	contenu du menu3
</div>

Modifié par TiWi (23 Jun 2008 - 15:43)