Discussion :

[attavus]

Bonjour

je voudrais savoir comment changer par code javascript la CLASS css d'un lien hypertext , par exemple :


j'ai :

Code :

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

 <a  id="azerty"   class =  maclasscss1 >  cliquez-moi     </a>

en cliquant dessus je veux que la class css soit maclasscss2 au lieu de maclasscss1.

d'avance merci.

[Kerod]

comme ceci :

Code :

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

  <a id="azerty" class="maclasscss1" onclick="document.getElementById(this.id).class='class2'">  cliquez-moi     </a>

Si le this.id pose problème, il faudrait mettre directement l'id du lien

[kankrelune]

Autant faire...

Code :

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

<a id="azerty" class="maclasscss1" onclick="this.class='class2';">cliquez-moi</a>

non... .. ?

@ tchaOo°

[FremyCompany]

Autant faire...

Code :

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

<a id="azerty" class="maclasscss1" onclick="this.class='class2';">cliquez-moi</a>

non... .. ?

@ tchaOo°

+1

EDIT :
Si onclick ne marche par pour les liens :

Code :

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

1
2
3
4
5
<a id="azerty" class="class1" 
onmousedown="this.setAttribute('DOWN','1')" 
onmouseup="if (this.getAttribute('DOWN') == '1') {this.class='class2'; this.setAttribute('DOWN','0');}" 
onclick="this.class='class2'">...</a>
<!-- Suite du HTML -->

[Kerod]

Autant faire...

Code :

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

<a id="azerty" class="maclasscss1" onclick="this.class='class2';">cliquez-moi</a>

non... .. ?

@ tchaOo°

+2 je me suis compliqué la vie

[attavus]

jai trouvé ,

il faut utiliser la fonction className() :

monlien.className(moncss2) ;

testé sur IE

[kankrelune]

C'est un attribut... pas une méthode !?

testé sur IE

C'est bien... mais avec les autres navigateurs... .. ?

(t'as de la chance ça marche... c'était juste pour appuyer sur le fait qu'il faut toujours tester avec plusieurs navigateurs)

@ tchaOo°

[attavus]

avec les autres navigateurs , je sais pas...

jai essaye avec les methodes precedentes mais ca marchait pas et donc jutilise className