Bonjour,

Je cherche à réaliser un menu en accordeon géré en javascript. Je souhaiterai que le sous menu qui s'ouvre reste ouvert même si la page est rechargée.
(Quelle que soit la page ouverte à partir du menu, elle se ré-initialise et l'ouverture du menu se fait au niveau n°1 même si l'on a choisit le n°2 ou n°3 auparavant. )

Si je ne suis pas très claire, voici l'adresse du site en question : http://www.loclin.com/site-arktic-demo/projets.html

voici le début du code :

var Spry; 
if (!Spry) Spry = {}; 
if (!Spry.Widget) Spry.Widget = {}; 

Spry.Widget.Accordion = function(element, opts) 
{ 
this.element = this.getElement(element); 
this.defaultPanel = 0; 
this.hoverClass = "AccordionPanelTabHover"; 
this.openClass = "AccordionPanelOpen"; 
this.closedClass = "AccordionPanelClosed"; 
this.focusedClass = "AccordionFocused"; 
this.enableAnimation = true; 
this.enableKeyboardNavigation = true; 
this.currentPanel = null; 
this.animator = null; 
this.hasFocus = null; 
this.duration = 800; 

this.previousPanelKeyCode = Spry.Widget.Accordion.KEY_UP; 
this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN; 

this.useFixedPanelHeights = true; 
this.fixedPanelHeight = 0; 

Spry.Widget.Accordion.setOptions(this, opts, true); 

// Unfortunately in some browsers like Safari, the Stylesheets our 
// page depends on may not have been loaded at the time we are called. 
// This means we have to defer attaching our behaviors until after the 
// onload event fires, since some of our behaviors rely on dimensions 
// specified in the CSS. 

if (Spry.Widget.Accordion.onloadDidFire) 
this.attachBehaviors(); 
else 
Spry.Widget.Accordion.loadQueue.push(this); 
}; 



Je nage pas mal en javascript pour ajouter/modifier les lignes de code nécessaires.

Merci d'avance pour votre aide!
Modifié par zoukzouk (16 Sep 2011 - 15:52)
Bonjour et bienvenue parmi nous 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).

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 le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

De plus, j'ai bien peur que t'aider soit impossible sans que tu ne fournisse le code CSS du menu. Nous ne sommes pas tous des utilisateurs de dreamweaver.

Bonne continuation Smiley smile

upload/1-code.gif