changement de couleur avec onChange

changement de couleur avec onChange - HTML/CSS - Programmation

Marsh Posté le 10-07-2006 à 11:48:46    

Bonjour,
j'ai deux champs dans  ma page web. Le premier est une liste déroulante, le deuxième est un champ texte. Je veux que, quand je choisis une certaine valeur dans la liste déroulante, le champ texte se bloque (disabled ='true') est sa couleur devienne rouge.
 Pour le bloquer j'arrive en faisant dans le select :
onChange="document.getElementById ('champ_texte').disabled='true'
 
 
mais j'arrive pas à le colorer en rouge.
quelqu'un peut m'aider?
merci d'avance

Reply

Marsh Posté le 10-07-2006 à 11:48:46   

Reply

Marsh Posté le 10-07-2006 à 12:21:31    

partie js à mettre en head:

Code :
  1. function niut(){
  2.   txtNode = document.getElementById ('champ_texte');
  3.   if ( obj.value = 'pouet' ){
  4.     txtNode.disabled=true ;
  5.     txtNode.style.backgroundColor = 'red';
  6.   } else {
  7.     txtNode.disabled=false;
  8.     txtNode.style.backgroundColor = 'white';
  9.   }
  10. }


et dans ton select

Code :
  1. <select ... onChange="niut()' ...>

Reply

Marsh Posté le 10-07-2006 à 12:27:47    

oui ça marche! merci bcp

Reply

Marsh Posté le 10-07-2006 à 12:31:40    

et si je veux cacher le champs carrément au lieu de le griser?
j'ai essayé  
txtNode.type= 'hidden';
 
mais ça marche pas

Reply

Marsh Posté le 10-07-2006 à 12:38:43    

txtNode.style.visibility = 'hidden';
ou
txtNode.style.display = 'none';

Reply

Marsh Posté le 10-07-2006 à 12:39:22    

merci bcp!

Reply

Sujets relatifs:

Leave a Replay

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