Changer la couleur d'un input avec javascript
Fermé
hasnaa
-
7 févr. 2013 à 10:02
maka54 Messages postés 699 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 - 7 févr. 2013 à 11:34
maka54 Messages postés 699 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 - 7 févr. 2013 à 11:34
A voir également:
- Javascript changer couleur texte
- Changer dns - Guide
- Excel cellule couleur si condition texte - Guide
- Piratage facebook changer mot de passe - Guide
- Changer clavier qwerty en azerty - Guide
- Somme si couleur - Guide
2 réponses
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
219
7 févr. 2013 à 10:43
7 févr. 2013 à 10:43
Salut,
L'id de l'input doit correspondre au premier argument passé en paramètre de la fonction.
Si id="toto" alors change_couleur('toto','couleur');
Le second argument est la couleur.
<script style="text/javascript">
function change_couleur(id,couleur){
var champ = document.getElementById(id);
champ.style.color=couleur;
}
</script>
<form name="monform" id="monform" method="post">
<input type="text" id="toto" onclick="change_couleur('toto','purple');" name="toto" value=""/>
<input type="text" id="tata" onclick="change_couleur('tata','#F60');" name="tata" value=""/>
<input type="text" id="titi" onclick="change_couleur('titi','red');" name="titi" value=""/>
<input type="text" id="tutu" onclick="change_couleur('tutu','rgb(115, 179, 79)');" name="tutu" value=""/>
</form>
L'id de l'input doit correspondre au premier argument passé en paramètre de la fonction.
Si id="toto" alors change_couleur('toto','couleur');
Le second argument est la couleur.
maka54
Messages postés
699
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
4 décembre 2016
80
7 févr. 2013 à 11:34
7 févr. 2013 à 11:34
<form name="monform" id="monform" method="post"> <input type="text" id="toto" onclick="this.style.color='purple';" name="toto" value=""/> <input type="text" id="tata" onclick="this.style.color='#F60';" name="tata" value=""/> <input type="text" id="titi" onclick="this.style.color='red';" name="titi" value=""/> <input type="text" id="tutu" onclick="this.style.color='rgb(115, 179, 79)';" name="tutu" value=""/> </form>
encore plus simplement
