Erreur Class undefined

**marakud** · 12/08/2009, 09h42

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

'Class' is undefined

Voici mon code mis dans mon head:

Code :

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

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 :

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

<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

**Bovino** · 12/08/2009, 10h34

Code :

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

var className = element.className;

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

**marakud** · 12/08/2009, 10h43

Merci pour la réponse.

Mais apparemment cela ne résous pas le probleme.
Il semble que IE6 nous tiens encore toujours tete !

Et +1 pour IE6!

Code :

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

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

**DoubleU** · 12/08/2009, 10h45

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.

**Bovino** · 12/08/2009, 10h46

Code :

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

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

Ne pas oublier d'appeler new Effect

**Devrium** · 12/08/2009, 10h54

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

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

**marakud** · 12/08/2009, 11h04

+3 pour IE6 !

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é

**marakud** · 12/08/2009, 12h09

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

**marakud** · 12/08/2009, 12h13

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

l'erreur est tjrs présente !

**marakud** · 12/08/2009, 12h56

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

IE6 tremble ! je le sens !

**marakud** · 12/08/2009, 13h09

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 :

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

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