Stopper un delay sur accordion Mootools
Bien le bonjour à tous.
Je me casse la tête comme un fou sur un script mootools.
Le bien connu accordion mootools.
Demo ici : http://demos.mootools.net/Accordion
Tout fonctionne bien avec le code ci-dessous (j'ai épuré le code et laissé les évènements au cas ou).
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| window.addEvent('domready', function() {
var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
opacity: true,show:0,
onActive: function(toggler, element){
},
onBackground: function(toggler, element){
},
onComplete: function(toggler, element){
}
});
}); |
Ce que je voulais faire c'est que le menu "s'accordéonne" tout seul.
J'ai donc trouvé ce bout de code qui je rajoute dans onActive
Code:
var myTimer = this.display.delay(10000, this, (this.previous + 1) % this.togglers.length);
Tout ce passe à merveille le menu s'active tout seul.
La ou réside le problème est que je voudrais que myTimer s'arrête de fonctionner si on clique sur un toggler parce qu'actuellement si on clique sur un toggler le timer ne s'arrête pas et très rapidement le menu s'emballe dans tous les sens.
Je me doute que si je laisse myTimer dans onActive j'y arriverai pas ?
Aussi j'ai tenté des dizaines de solutions mais rien ne fonctionne :)
J'arrive à lancer un évènement lors du clic (genre un alert() :p) mais je n'arrive pas du tout à stopper display.delay.
J'espère avoir été clair :D
J'ai la tête qui éclate du coup.
Merci à tous.
Ca y est! Presque. Ou pas. :D
Ha ben je me rend compte que le onComplete n'est pas ce que je pensais. :aie:
Ceci fonctionne partiellement:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
var test = 1;
var myTimer;
window.addEvent('domready', function() {
$('accordion').addEvent('click', function() {
$clear(myTimer);
test++;
});
var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
opacity: true,show:0,
onActive: function(toggler, element){
},
onComplete: function(){
if(test>2) {
$clear(myTimer);
}else{
myTimer = this.display.delay(3000, this, (this.previous + 1) % this.togglers.length);
}
}
});
}); |
Par contre, il faut encore retravailler cela car au démarrage, ça ne se lance pas (forcément). Il faut en ouvrir d'abord un pour que le défilement continu se lance, puis cliquer pour l'arrêter.
Second problème; ça ne fonctionne pas du tout sur IE (le script précédent non plus en fait).
