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

  FORUM HardWare.fr
  Programmation

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°156633
Fred999
Rabat-joie
Posté le 11-06-2002 à 14:38:51  profilanswer
 

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
mood
Publicité
Posté le 11-06-2002 à 14:38:51  profilanswer
 

n°156636
jultey
Posté le 11-06-2002 à 14:41:25  profilanswer
 

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

n°156642
youdontcar​e
Posté le 11-06-2002 à 14:43:31  profilanswer
 

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

n°156643
Fred999
Rabat-joie
Posté le 11-06-2002 à 14:43:34  profilanswer
 

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

n°156648
Fred999
Rabat-joie
Posté le 11-06-2002 à 14:48:42  profilanswer
 

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

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


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

n°156654
Fred999
Rabat-joie
Posté le 11-06-2002 à 14:53:24  profilanswer
 

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

n°156656
youdontcar​e
Posté le 11-06-2002 à 14:54:02  profilanswer
 

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

n°156663
jultey
Posté le 11-06-2002 à 15:01:26  profilanswer
 

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

n°156667
youdontcar​e
Posté le 11-06-2002 à 15:03:45  profilanswer
 

ouais, je veux la dinde ! :D

n°156687
Fred999
Rabat-joie
Posté le 11-06-2002 à 15:13:22  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

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

 

Sujets relatifs
Formulaire, HTML, redirection Javascript, PHP...[Php & Javascript] J'arrive pas a faire ce que je veux
[Banniere de texte défilante] <---- Question simple inside[VB] ya un moyen pour faire défiler un texte dans un label ????
Envoi de formulaire par mail, comment ca marche ?[1ers pas en HTML :D] Lien qui s'ouvre dans une autre fenetre?
[HTML, PHP, JS] Impression d'une page web[Interbase] Ajouter un champ sans devoir tout recommencer
[JAVASCRIPT] script incompatible IE5 !!!!! Pourquoi???!!! 
Plus de sujets relatifs à : HTML/Javascript : modifier la couleur d'un champ texte... MARCHE!


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR