Erreur Class undefined

Bonjour à tous.

Durant mon temps perdu,
Je me suis mis à coder une peu avec des librairies javascripts.
Ayant pour habitude de vérifier la compatibilité de mon siteweb sur tous les navigateur, il en est un qui me met en galere.
C'est IE6 !
En effet il m'affiche ce message d'erreur

Citation:

---

'Class' is undefined

---

Voici mon code mis dans mon head:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script type="text/javascript"> function changeLink(){ var element = document.getElementById('search_moreoptions'); var className = element.className; if(className=='plus'){ element.className = 'moins'; element.innerHTML = 'Moins d\'options'; }else{ element.className = 'plus'; element.innerHTML = 'Plus d\'options'; } } </script>

---

Et voici celui mis dans ds mon body:

Code:

---

<a id="search_moreoptions" class="plus" onclick="Effect.toggle('d1','slide');changeLink(); return false;" href="#"><?php echo $STR_PLUS_OPTIONS[$Id_Marche]?></a>

---

Effet.toogle est un effet de la lib scriptaculous.
Les includes des fichiers .js a bien été faite !
L'effet fonctionne correctement.


Avez vous une idée sur la question s'il vous plait?

Merci bcp a tous

Code:

---

var className = element.className;

---

:calim2:
Il ne faut pas donner à des variables des noms de propriété JavaScript !!!

Merci pour la réponse.

Mais apparemment cela ne résous pas le probleme.
Il semble que IE6 nous tiens encore toujours tete ! :aie:
Et +1 pour IE6!

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function changeLink(){ var element = document.getElementById('search_moreoptions'); var KName = element.className; if(KName=='plus'){ element.className = 'moins'; element.innerHTML = 'Moins d\'options'; }else{ element.className = 'plus'; element.innerHTML = 'Plus d\'options'; } }

---

Ton erreur est sur quelle ligne?

Parce que je ne vois pas de "class" dans ton code.

@Bovino : il ne faut pas nommer des variables comme des mots réservés du langage. className n'étant pas réservé, ca ne pose pas de probleme.

Code:

---

onclick="new Effect.toggle('d1','slide');changeLink(); return false;"

---

Ne pas oublier d'appeler new Effect

Voilà ajoute donc ça dans ta balise <script></script> 8-)

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 28 29

if (/msie/i.test (navigator.userAgent)) { document.nativeGetElementById = document.getElementById; document.getElementById = function(id) { // Get element using native method var elem = document.nativeGetElementById(id); if (elem) { // If id match, return element if (elem.attributes['id'].value == id) { return elem; } // Otherwise look for the right one else { for (var i = 1; i < document.all[id].length; i++) { if (document.all[id][i].attributes['id'].value == id) { return document.all[id][i]; } } } } return null; } }

---

+3 pour IE6 !:aie:

mais je me demande pourquoi il y a des gens qui utilise toujours IE6 !
ils me forcent a checker mon site sur IE6 !

quoiqu'il en soit.....l'erreur persiste?

désolé

il me dit que cest a la ligne 22 (dsl pour le retard ).

Et cest la ligne 22 que je vous ai envoyé, celle de la fontion changeLink

et apparemment , jai supprimé la fonction et puis actualisé !

l'erreur est tjrs présente ! :(

Je suis a la recherche du fichier qui beug......

IE6 tremble ! je le sens !

oki probleme localisé ! il cherchait le fichier.js qu'il ne trouvait pas !

Le probleme cest que j'avais viré ce fichier car j'en avait pas besoin.
Et je ne trouve pas cette fameuse ligne 22 qui cherche à l'utiliser.

Considerons que je le laisse !

j'ai un comflit je pense entre mootools et prototype de scritptaculous.

Du coup quand je clique sur mon lien:

Code:

---

<a id="search_moreoptions" class="plus" onclick="new Effect.toggle('d1','slide');changeLink(); return false;" href="#"><?php echo $STR_PLUS_OPTIONS[$Id_Marche]?></a>

---

il me dit que :

Citation:

---

Object doesn't support this property or method

---

a une ligne 159 !

et a mon avis ce sont les lignes des js de prototype

comment faire coexister mootools et prototype ?

jen arrive a la conclusion suivante !

Virons prototype ! et utilisons uniquement mootools ! et tout cest résolu !