Changer couleur texte Javascript
Résolu/Fermé
crapoulou
Messages postés
28092
Date d'inscription
mercredi 28 novembre 2007
Statut
Modérateur, Contributeur sécurité
Dernière intervention
17 mars 2023
-
Modifié par jipicy le 28/04/2010 à 11:02
crapoulou Messages postés 28092 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 17 mars 2023 - 28 avril 2010 à 16:55
crapoulou Messages postés 28092 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 17 mars 2023 - 28 avril 2010 à 16:55
A voir également:
- Javascript changer couleur texte
- Dans le texte, un seul mot a réellement été écrit en lettres capitales (majuscules). quel est ce mot ? ✓ - Forum Word
- Changer dns - Guide
- Changer clavier qwerty en azerty - Guide
- Piratage facebook changer mot de passe - Guide
- Formule excel si contient texte alors texte ✓ - Forum Excel
3 réponses
Alain_42
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
901
28 avril 2010 à 11:36
28 avril 2010 à 11:36
tu mets une classe a tes input
class="obligatoire"
class="facultatif"
et dans ton css:
.obligatoire{
color: grey;
}
.facultatif{
color:black;
}
class="obligatoire"
class="facultatif"
et dans ton css:
.obligatoire{
color: grey;
}
.facultatif{
color:black;
}
Alain_42
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
901
28 avril 2010 à 13:35
28 avril 2010 à 13:35
Ha ok
<label for="mail">Adresse mail</label>
<input type="text" name="mail" id="mail" value='Champ obligatoire' onfocus="if(this.value=='Champ obligatoire'){this.value='';this.style.color="black"}" onblur="if(this.value==''){this.value='Champ obligatoire';}" />
avion-f16
Messages postés
19119
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 mars 2023
4 465
28 avril 2010 à 14:35
28 avril 2010 à 14:35
Un petit exemple : http://paste.pocoo.org/show/207096/
crapoulou
Messages postés
28092
Date d'inscription
mercredi 28 novembre 2007
Statut
Modérateur, Contributeur sécurité
Dernière intervention
17 mars 2023
8 003
28 avril 2010 à 16:00
28 avril 2010 à 16:00
Salut avion !
Je ne sais pas si ton pastebin reste longtemps hébergé alors je vais le poster pour les suivants qui auraient ce souci à l'avenir :
*************
Néanmoins, cette partie peut-elle être mise dans la CSS ?
Il fallait donc en effet mettre des classes et changer le nom de la classe en Javascript si je comprends bien :
this.className = ''';
Merci beaucoup !
Je ne sais pas si ton pastebin reste longtemps hébergé alors je vais le poster pour les suivants qui auraient ce souci à l'avenir :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste</title>
<style type="text/css">
input[type="text"].champ_obligatoire {
color:grey;
font-style:italic;
}
</style>
</head>
<body>
<form action="form_action.asp">
<p>
<label for="nom">Nom :</label>
<input type="text" name="nom" id="nom" value="Champ obligatoire" class="champ_obligatoire"
onfocus="if(this.value == this.defaultValue){ this.value = ''; this.className = ''; }"
onblur="if(this.value == ''){ this.value = this.defaultValue; this.className = 'champ_obligatoire'; }"
/>
</p>
</form>
</body>
</html>
*************
Néanmoins, cette partie peut-elle être mise dans la CSS ?
<style type="text/css">
input[type="text"].champ_obligatoire {
color:grey;
font-style:italic;}
</style>
Il fallait donc en effet mettre des classes et changer le nom de la classe en Javascript si je comprends bien :
this.className = ''';
Merci beaucoup !
avion-f16
Messages postés
19119
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 mars 2023
4 465
28 avril 2010 à 16:52
28 avril 2010 à 16:52
Oui, mais sans la balise style.
crapoulou
Messages postés
28092
Date d'inscription
mercredi 28 novembre 2007
Statut
Modérateur, Contributeur sécurité
Dernière intervention
17 mars 2023
8 003
28 avril 2010 à 16:55
28 avril 2010 à 16:55
Nickel avec ceci exactement dans la CSS :
.champ_obligatoire {
color:grey;
font-style:italic;
}
Merci beaucoup ! ;-)
.champ_obligatoire {
color:grey;
font-style:italic;
}
Merci beaucoup ! ;-)
28 avril 2010 à 12:28
Merci de ta réponse.
Ce n'est pas tout à fait l'effet désiré.
Je voudrais que le texte "Champ obligatoire" soit gris et quand l'utilisateur rentre son propre texte, il écrive en noir.