11550 sujets

JavaScript, DOM et API Web HTML5

Conflit de script entre un menu horizontal et un vertical

Bonsoir,

Je vous sollicite en rapport à un problème que je rencontre actuellement sur un site. Je travaille avec dreamweaver. Je positionne dans deux DIV différentes un premier menu horizontal en JQUERY pour mon header et sur la partie gauche dans la DIV suivante un menu type accordéon.

Après plusieurs tentatives qui ont échouées je me suis aperçus qu'il y avait conflit entre mes deux scripts. Il n'y en a qu'un qui fonctionne sur les deux, en fonction de la postion du script dans le code ( En général c'est celui qui est le plus bas normal)


Voici la capture representant le menu horizontal et a gauche le menu type accordeon upload/25488-Sans-titre.jpg

Je vous joins le code :

 <head>
   
    <title>INFOCONSEIL</title>
    
	<script src='jquery.js' type='text/javascript'></script>
	<script src='menu.js' type='text/javascript'></script>
	<link href='css/style.css' type='text/css' rel='stylesheet'/>

	<script type="text/javascript" src="javascript/prototype.js"></script>
	<script type="text/javascript" src="javascript/effects.js"></script>
	<script type="text/javascript" src="javascript/accordion.js"></script>
	<script type="text/javascript" src="javascript/code_highlighter.js"></script>
	<script type="text/javascript" src="javascript/javascript.js"></script>
	<script type="text/javascript" src="javascript/html.js"></script>
    <link rel="stylesheet" type="text/css" href="css/default.css" />
	

    
    
    
	<script type="text/javascript">

			
		//
		//  In my case I want to load them onload, this is how you do it!
		// 
		Event.observe(window, 'load', loadAccordions, false);
	
		//
		//	Set up all accordions
		//
		function loadAccordions() {
			var topAccordion = new accordion('horizontal_container', {
				classNames : {
					toggle : 'horizontal_accordion_toggle',
					toggleActive : 'horizontal_accordion_toggle_active',
					content : 'horizontal_accordion_content'
				},
				defaultSize : {
					width : 525
				},
				direction : 'horizontal'
			});
			
			var bottomAccordion = new accordion('vertical_container');
			
			var nestedVerticalAccordion = new accordion('vertical_nested_container', {
			  classNames : {
					toggle : 'vertical_accordion_toggle',
					toggleActive : 'vertical_accordion_toggle_active',
					content : 'vertical_accordion_content'
				}
			});
			
			// Open first one
			bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
			
			// Open second one
			topAccordion.activate($$('#horizontal_container .horizontal_accordion_toggle')[2]);
		}
		
	</script> 
    

Comment faire pour que les deux menu fonctionne correctement et en meme temps

Merci d'avance , merci
Guyome
Modifié par guyome94 (06 Dec 2009 - 22:56)
Hello guyome94 et bienvenue sur le forum Smiley smile ,

en tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Sujet clos
Aller à