Mootools - Accordion

Version imprimable

10/05/2011, 10h44
Nheo_

Mootools - Accordion

Bonjour,

J'ai mis en place un accordion sans trop de problème, mais j'aimerais pouvoir améliorer un point :
Lors du chargement de la page qui le contient, j'aimerais "choisir" quel élément doit être actif, mais malheureusement je ne trouve pas la fonction (si elle existe :roll:) pour le faire.

J'ai vu qu'on pouvait récupérer l'élément actif :

Code:

var visibleElement = $$('.element').filter(function(e) { return e.getStyle('visibility') == 'visible' });

Mais je ne trouve pas comment rendre un élément actif.

Si quelqu'un a une solution, je suis preneur ;).
10/05/2011, 11h08
vermine
Bonjour,

Lors de la création de l'accordéon, vous pouvez préciser des options en derniers paramètres. Essayez peut-être show ou bien display.
Code:

1 2 var monAccordeon = new Fx.Accordion(toggler, éléments, show: i);
où i est l'index (position dans le tableau) de l'élément qui doit être montré en premier.

Citation:
Envoyé par vermine
Bonjour,

Lors de la création de l'accordéon, vous pouvez préciser des options en derniers paramètres. Essayez peut-être show ou bien display.
Code:

1 2 var monAccordeon = new Fx.Accordion(toggler, éléments, show: i);
où i est l'index (position dans le tableau) de l'élément qui doit être montré en premier.
Merci, ça marche très bien avec show. Cependant un petit soucis apparaît :

J'ai 4 "toggler" : si il n'est pas actif : fond gris, texte gris foncé
si il l'est : fond gris foncé, texte noir.

Mais la lors du chargement de ma page, les togglers non actifs ont bien le fond gris mais le texte noir oO. Je n'avais pas ce soucis avant le show.

Un fois que je clique, tout redevient normal.

Voila le code :
Code:

1 2 3 4 5 6 7 8 window.addEvent('domready', function() { var accordion = new Fx.Accordion($$('.toggler'),$$('.element'), { opacity: 0, onActive: function(toggler) { toggler.setStyle('color', '#000'); toggler.setStyle('background-image', 'url(\'font/fond_palette_active.png\')');}, onBackground: function(toggler) { toggler.setStyle('color', '#999'); toggler.setStyle('background-image', 'url(\'font/fond_palette.png\')'); }, show:2 }); });

10/05/2011, 13h34
vermine

:'(

Arf, ce n'est pas marrant comme blague. :cry:
Et avec display, c'est pareil ?
10/05/2011, 13h58
Nheo_

Citation:

Envoyé par vermine

Arf, ce n'est pas marrant comme blague. :cry:
Et avec display, c'est pareil ?

C'est parfait avec display :mouarf:. Merci bien vermine :ccool:.
10/05/2011, 14h10
vermine

\o/

Au plaisir. Ca permet de découvrir des options qu'on n'utilise pas nécessairement. :)
10/05/2011, 16h05
Nheo_

Citation:

Envoyé par vermine

Au plaisir. Ca permet de découvrir des options qu'on n'utilise pas nécessairement. :)

Bon, je crois que je deviens fou : tout marchait bien, j'actualise ma page à nouveau après une modif de script (rien à voir avec l'accordion) et la paf, même soucis qu'avec show 8O. Petit Ctrl+Z, pensant que ça pouvait venir de la modif ... et bien non !

Finalement, ça ne me dérange pas d'avoir mon texte noir à l'arrivée de la page (au contraire, j'ai vu que ça pouvait m'être utile), mais bon je comprends pas comment ça peut changer d'un coup 8O.
10/05/2011, 16h42
vermine

:'(

C'est assez perturbant. A part mettre le show avant le onActive et le onBackground, je ne vois ce que l'on pourrait faire. :( (excepté de gérer ça dans la classe CSS en espérant que l'actif change effectivement de couleur au démarrage...)
10/05/2011, 16h49
Nheo_

Citation:

Envoyé par vermine

C'est assez perturbant. A part mettre le show avant le onActive et le onBackground, je ne vois ce que l'on pourrait faire. :( (excepté de gérer ça dans la classe CSS en espérant que l'actif change effectivement de couleur au démarrage...)

J'ai essayé de changer l'ordre mais rien y fait. Je ne vais pas m'embêter avec le CSS juste pour ça ^^. Mais bon à moins que je sois complétement fou, je suis persuadé que ça ait fonctionné pendant un moment :aie:. J'essaierai de voir d'où ça peut venir.
11/05/2011, 09h44
vermine

On l'est tous !

Citation:

Envoyé par Nheo_

Mais bon à moins que je sois complétement fou

:whistle:
11/05/2011, 09h59
Nheo_

Citation:

Envoyé par vermine

:whistle:

Moi fou ?! Non ... :arf:.

Plus sérieusement, je n'ai toujours pas trouvé de solution. Je pense donc que j'ai halluciné et que le résultat a toujours été comme ça ... mais la je commence à avoir peur pour ma santé mentale :lol:.