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 :
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)
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)