Les Allergies
Alimentaires
Posez votre question Signaler

Changer la class d'un oject en Javascript [Résolu]

Carole - Dernière réponse le 28 juin 2011 à 15:41
Bonjour,

Lorsque je clique sur un objet html de type button je souhaiterai lancer un focntion javascript qui permettrait de modifier la classe de mon button.

Je voudrai faire qqchose de ce genre mais le .class n'est pas bon:

<input type="button" class="buttonactif" name="Calculer" value="Calculer" onclick="changer_class()" >

<script>
function changer_class()
{
document.all("Calculer").class = "boutoninactif";
}
</script>

Merci d'avance!!
Lire la suite 

Changer la class d'un oject en Javascript »

5 réponses
Réponse
+49
moins plus
SebastienL 11Messages postés 8 septembre 2005Date d'inscription 9 sept. 2005 à 12:09
Voilà, je sais c'est bisard mais en javascript se n'est pas .class mais .className (avec N,parce que sinon sa ne va pas).
Voilà un petit exemple :
<html>
<head>
<style>
.buttonType1 {
color : green;
}
.buttonType2 {
color : red;
}
</style>
<script language="javascript">
function change_class() {
var btn = document.getElementById("btnTest");
btn.className= "buttonType2";
}
</script>
</head>
<body>
<form>
<input type="button" value="Test" class="buttonType1" onclick="change_class()" id="btnTest">
</form>
</body>
</html>

bonne chance pour la suite .

 Ajouter un commentaire
Afficher les 4 commentaires
Tanahe - 27 mars 2009 à 02:28
Mille Merci ^^
Nanick - 17 nov. 2010 à 10:13
Merci
François - 28 juin 2011 à 15:41
Merci, cela est bien utile
Ajouter un commentaire
Posez votre question
Ce document intitulé « Changer la class d'un oject en Javascript » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?