Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
5179 connectés 

 


Dernière réponse
Sujet : HTML/Javascript : modifier la couleur d'un champ texte... MARCHE!
Fred999 Exact :pt1cable:
 
Pour la peine, vous avez tous les deux cette magnifique dinde :
 
http://www.lexisone.com/images/ls0901/turkey.jpg  
 
[:ddrs55]

Votre réponse
Nom d'utilisateur    Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !
Le ton de votre message                        
                       
Votre réponse


[b][i][u][strike][spoiler][fixed][cpp][url][email][img][*]   
 
   [quote]
 

Options

 
Vous avez perdu votre mot de passe ?


Vue Rapide de la discussion
Fred999 Exact :pt1cable:
 
Pour la peine, vous avez tous les deux cette magnifique dinde :
 
http://www.lexisone.com/images/ls0901/turkey.jpg  
 
[:ddrs55]
youdontcare ouais, je veux la dinde ! :D
jultey Heuuu, c'est plutot youdontcare qui gagne... non ?
youdontcare this c'est pour indiquer l'objet courant, ça ne marche donc que dans le code d'une balise.
 
tu donnes un nom à ton input :
 
<input id='myInput' ...>
 
tu le changes par js :
 
document.getElementById('myInput').style.color = 'rgb(255, 0, 0)';
 
tu peux aussi passer par css, une classe 'valide' et une classe 'invalide'
 
.valid
{
  color: rgb(0, 0, 0);
  font-weight: normal;
}
.invalid
{
  color: rgb(255, 0, 0);
  font-weight: bold;
}
 
document.getElementById('myInput').className = 'invalid';
 
c'est plus pratique que de modifier les propriétés 'à la main'.
Fred999 Ayé ça marche, merci à tous... et c'est jultey qui gagne une dinde rôtie :sol:
 
Voici le code gagnant :
 

Code :
  1. if (compteurJoueurs != 18) document.forms[0].nombre_joueurs.style.color = 'rgb(255, 0, 0)';
  2. else document.forms[0].nombre_joueurs.style.color = 'rgb(0, 255, 0)';


 
nombre_joueurs étant le champ de saisie texte concerné.

Fred999 youdontcare > j'ai testé ta méthode avec

Code :
  1. this.style.color = miseajour().toString()


 
Mais il me dit "objet attendu" [:mlc]
 
Arf :D

Fred999 En fait, le champ doit servir à dire si un test sera OK ou pas, et donc, changer de couleur selon la validité du test.
 
Je vais voir avec ce que tu m'as donné, merci:!
youdontcare <input onclick="this.syle.color = 'rgb(255, 0, 0)'">
jultey

Fred999 a écrit a écrit :

Hello :D
 
Toujours la même page...
 
Je cherche maintenant à modifier la couleur d'un champ de saisie (input type="text" donc), avec du javascript.
 
Quelqu'un a ça en stock? Une recherche n'a rien donné...  




avec une feuille de style... <input type=texte class=champ_texte>
 
.champ_texte { font-size: 9pt ;
   font-family: Courier New, Courier, mono, Arial, Helvetica, Verdana, Georgia ;
   background-color: #FFFFFF ;
   text-color:#000000 ;
   font-weight: normal ;
   border: #000000 ;  
   border-style: solid ;
   border-top-width: 1px ;
   border-right-width: 2px ;
   border-bottom-width: 2px ;
   border-left-width: 1px ; }
 
 mais avec un javascript ??

Fred999 Hello :D
 
Toujours la même page...
 
Je cherche maintenant à modifier la couleur d'un champ de saisie (input type="text" donc), avec du javascript.
 
Quelqu'un a ça en stock? Une recherche n'a rien donné...

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)