Mootools - Accordion [Résolu]

[Nheo_]

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

[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.

[Nheo_]

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 :

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
	});
});

[vermine]

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

[Nheo_]

Envoyé par vermine

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

C'est parfait avec display . Merci bien vermine .

[vermine]

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

[Nheo_]

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 . 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 .

[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...)

[Nheo_]

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 . J'essaierai de voir d'où ça peut venir.

[vermine]

Envoyé par Nheo_

Mais bon à moins que je sois complétement fou

[Nheo_]

Envoyé par vermine

Moi fou ?! Non ... .

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 .