Bonjour,
Je vient d'implémenter une petite interface qui utilise Scriptaculous.
J'ai un bouton, deux blocs. Quand je clique le premier bloc fait un Effect.SlideUp et quand l'effet est terminé, le second bloc fait un SlideDown.
Tout fonctionne avec Firefox, mais rien ne fonctionne avec IE
Voilà le html
Et voilà le javascript
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <div id="c1"><div> <table>...</table> </div></div> <div id="c2" style="display:none;"><div> <table>...</table> </div></div>
La fonction switch_to est appelée via un lien <a href="javascript:switch_to(2);"> cliquer </a>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 var speed = 0.7; /*Vitesse d'animation */ var cur_ongl = 1; var svg = 0; function UP_ongl() { Effect.SlideDown('c' + cur_ongl , {duration:speed}); } function switch_to(nb) { svg = cur_ongl; cur_ongl = nb; Effect.SlideUp('c' + svg , {duration:speed , afterFinish:UP_ongl}); }
Le code réel est beaucoup plus long (d'autres opérations en js) mais ici il est bien résumé.
L'erreur levée par IE est la suivante : "Effect non défini".
Le code javascript ci-dessus est dans un fichier "mise_en_page.js" et les inclusions sont faites de la sorte :
Bref, j'ai regardé la documentation de scriptaculous qui décrit certains bug IE quand on utilise l'effet SlideUp et SlideDown, mais aucun ne correspond au mien et là je sèche si quelqun peu m'aider
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <script src="Scripts/ajax/prototype.js" type="text/javascript"></script> <script src="Scripts/ajax/scriptaculous.js" type="application/javascript"></script> <script src="Scripts/mise_en_page.js" type="text/javascript"></script>
Partager