Discussion :

[lagotonio]

Bonjour,

J'ai developpé à l'aide de jQuery un petit menu type accordéon pour un boulot perso.

Tout mon script javascript fonctionne parfaitement sous Firefox, mais sous IE rien ne fonctionne et pourtant IE ne me donne pas d'erreur Javascript????

Alors je vous donne quelques éléments :

Adresse où vous pouvez voir ce que ça donne (sous firefox pour le moment) : http://www.aroweb-design.com/test/menuAccordeon/

Le code javascript que j'utilise :
http://www.aroweb-design.com/test/me...on/carriere.js

A savoir que j'utilise un petit bout de script pour lancer la fonction qui se nomme "sousmenu" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script type="text/javascript">
$(window).load(sousmenu);
</script>

Je n'ai pas du tout idée de la provenance de ce non fonctionnement sous ie...

Si vous avez des idées.

Si ils vous manquent des choses pour mieux comprendre n'hésitez pas !!!

Merci

Tonio

[le_chomeur]

A tester ...
essaye de mettre cette portion :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<script type="text/javascript">
$(window).load(sousmenu);
</script>

tout a la fin de ta page ( après tes éléments html ) ...

sous ie6 j'ai un : 'sousmenu' est indéfinit, ce qui me fait penser qu'il doit il y avoir une instaciation de tes éléments avant le load de la page et donc impossible d'accèders a ceux-ci.

Je ne promet rien , mais à essayer

[lagotonio]

A tester ...
essaye de mettre cette portion :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<script type="text/javascript">
$(window).load(sousmenu);
</script>

tout a la fin de ta page ( après tes éléments html ) ...

sous ie6 j'ai un : 'sousmenu' est indéfinit, ce qui me fait penser qu'il doit il y avoir une instaciation de tes éléments avant le load de la page et donc impossible d'accèders a ceux-ci.

Je ne promet rien , mais à essayer

Merci. J'ai essayé mais cela n'a rien changé, je suis toujours bloqué sous IE

[lagotonio]

Pour info,

J'ai trouvé d'où venez mon soucis sous ie :

jQuery propose une methode qui se nomme "attr" qui permet de modifier un attribut (class, src, title) d'un element du dom, cette methode à plusieurs synthaxe :

- Une qui ne marche pas sous IE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

monElement.attr({class : 'manouvelleclass'});

-Une qui fonctionne sous IE et Firefox :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

monElement.attr('class','manouvelleclass');

Utilisant la première synthaxe au départ dans mon programme, IE n'apprécié pas du tout.

PS : Intéressant pour débugger sous ie :
http://www.debugbar.com/
et
http://www.ieforge.com/CompanionJS/HomePage

[le_chomeur]

Merci pour l'info
et remerci pour les débuggers sous ie , si un modo pouvait rajouter ça dans la boite à outil ou quelque chose du genre ?

[elvan49]

Bonjour,

Je m'insère dans cette conversation juste pour apporter encore une petite précision. Il se trouve que IE6 est plus sensible que Firefox à la syntaxe javascript.
Si Firefox supporte quelques petites imprécisions, IE aucune !!!
Finalement, c'est pas plus mal, ça nous oblige à coder correctement.
Je vous livre un exemple :
Code accepté sous firefox :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
$("input[@value=image]").toggle(function() {
           $(".stuff").animate({
             height: 'hide',
             opacity: 'hide',
           }, 'slow');
     }, function() {
           $(".stuff").animate({
             width: 'show',
             opacity: 'show'
           }, 'slow');
     });

code accepté par les deux et donc IE6

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
$("input[@value=image]").toggle(function() {
           $(".stuff").animate({
             height: 'hide',
             opacity: 'hide'
           }, 'slow');
     }, function() {
           $(".stuff").animate({
             width: 'show',
             opacity: 'show'
           }, 'slow');
     });

Quelle différence ? la virgule après opacity: 'hide' n'est plus là, elle est effectivement inutile puisqu'il n'y a pas d'autres paramètres... (Dur non !)
Et je confirme, companionJS et la debugbar => quasi incontournables.

Courage !

[elvan49]

Au fait,
Visiblement la question est résolue, non ? Peut-être, que le signaler serait apprécié par les modo...
(non, c'est pas un coup de fayotage )

[ptitchon]

Merci Elvan !
Google est mon ami et m'a fait attérir sur ce topic. Je désespérai de comprendre pourquoi mes ptits effets Jquery ne fonctionnaient pas sous IE7.... C'était la virgule du animate

Bon maintenant..... Voyons pourquoi Jquery foire quand lightboxJS (tourne avec Prototype) est activé. Sous IE, encore

A bientôt

[CactO_o's]

Tout comme ptitchon je viens vous remercier pour ce post qui m'a moi aussi aider à faire marcher jquery sur IE.

Merci à vous et bonne continuation !


EDIT :

Je retrouve tout de même un problème dans le cas ou je veux changer la valeur de background position avec jQuery (animate) sur IE...

Lien

[JohnSly]

Merci pour l'astuce de la virgule !!! Même 5 ans après !!!