HTML/Javascript : modifier la couleur d'un champ texte... MARCHE!

HTML/Javascript : modifier la couleur d'un champ texte... MARCHE! - Programmation

Marsh Posté le 11-06-2002 à 14:38:51    

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é...


Message édité par Fred999 le 06-11-2002 à 14:52:04
Reply

Marsh Posté le 11-06-2002 à 14:38:51   

Reply

Marsh Posté le 11-06-2002 à 14:41:25    

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 ??

Reply

Marsh Posté le 11-06-2002 à 14:43:31    

<input onclick="this.syle.color = 'rgb(255, 0, 0)'">

Reply

Marsh Posté le 11-06-2002 à 14:43:34    

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:!

Reply

Marsh Posté le 11-06-2002 à 14:48:42    

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

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


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

Reply

Marsh Posté le 11-06-2002 à 14:53:24    

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é.

Reply

Marsh Posté le 11-06-2002 à 14:54:02    

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'.

Reply

Marsh Posté le 11-06-2002 à 15:01:26    

Heuuu, c'est plutot youdontcare qui gagne... non ?

Reply

Marsh Posté le 11-06-2002 à 15:03:45    

ouais, je veux la dinde ! :D

Reply

Marsh Posté le 11-06-2002 à 15:13:22    

Exact :pt1cable:
 
Pour la peine, vous avez tous les deux cette magnifique dinde :
 
http://www.lexisone.com/images/ls0901/turkey.jpg
 
[:ddrs55]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed