menu deroulant,selection de "autre" => apparition input text

menu deroulant,selection de "autre" => apparition input text - HTML/CSS - Programmation

Marsh Posté le 03-12-2003 à 12:46:53    

Bonjour
 
J'ai un menu déroulant:
 

Code :
  1. <select name="selectHeure1">
  2.       <option selected>Autre</option>
  3.       <option>8h00</option>
  4.       <option>8h30</option>
  5.       <option>9h00</option>
  6.       <option>9h30</option>
  7.       <option>10h00</option>
  8.     </select>


 
Je voudrais pouvoir faire apparaitre un input text quand on choisit "autre".
 
ça doit etre assez commun mais je ne trouve pas d'exemple...
Si vous pouviez m'aider...  
Merci d'avance!

Reply

Marsh Posté le 03-12-2003 à 12:46:53   

Reply

Marsh Posté le 03-12-2003 à 13:29:49    

tu peux t?inspirer de cette page:
http://www.quirksmode.org/dom/usableforms.html

Reply

Marsh Posté le 03-12-2003 à 14:14:48    

:-/

Reply

Marsh Posté le 03-12-2003 à 14:42:52    

Cela ne convient pas ? ça correspond pourtant exactement à ce que tu souhaites faire

Reply

Marsh Posté le 03-12-2003 à 14:52:42    

bien il y a pleins de fonctions javascript :-/
moi, je pensais avoir un truc du style  
style.display="none"
ou style.display=""

Reply

Marsh Posté le 03-12-2003 à 14:55:45    

Non, on peut pas faire ça uniquement avec les CSS.

Reply

Marsh Posté le 03-12-2003 à 15:04:34    

Code :
  1. <script language="Javascript">
  2.   function changeaffichage() {
  3.   document.getElementById("textHeure1" ).style.display="none";
  4.   }
  5. </script>


Code :
  1. <select name="selectHeure1">
  2.       <option onSelect="changeAffichage();" selected>autre</option>
  3.       <option>8h00</option>
  4.       <option>8h30</option>
  5.       <option>9h00</option>
  6.       <option>9h30</option>
  7.       <option>10h00</option>
  8.     </select>
  9.   </p>
  10.  
  11.   <p>
  12.     <input id="textHeure1" type="text" name="textHeure1" size="6" maxlength="5">
  13.   </p>


 
pourquoi rien que ça ça ne marche pas?

Reply

Marsh Posté le 03-12-2003 à 15:26:33    

c avec show="none"
et show="feeling"
et un relation="feeling"
 
que ça pourrait marcher?

Reply

Marsh Posté le 03-12-2003 à 15:29:26    

il n'y aurait pas juste un exemple simple?

Reply

Marsh Posté le 03-12-2003 à 15:30:38    

Ça t?ennuierait de faire fonctionner plus de deux neurones à la fois dans ton cerveau ?
 
Le code que tu as donné plus haut. Tu appelles la fonction changeAffichage() alors que tu as déclaré une fonction changeaffichage(). Y a comme un souci tu crois pas ?
 
Ensuite, la page que je t?ai donné fait *exactement* ce que tu souhaites, donc fais un effort, matte le code source et applique toi à comprendre le fonctionnement.

Reply

Marsh Posté le 03-12-2003 à 15:30:38   

Reply

Marsh Posté le 03-12-2003 à 15:47:40    

oui ça c'est résolu....  
 
je sais qu'elle fait ce que je veux mais comment avoir le script de ça il y a pleins de fonctions...
 
j'arrive à faire un  
document.forms["ajout"].textHeure1.value = "Hé hop" ;
alors que  
document.forms["ajout"].textHeure1.style.display="none";
ne fonctionne pas...

Reply

Marsh Posté le 04-12-2003 à 10:43:21    

Bon merci BOBE!!!  
 
j'ai mis ça dans un div pour finir..  
(par contre, je ne suis pas sur que ça fonctionne pour netscape :-/)
 
J'ai une autre question :  
 
Comment peut on afficher un select avec au départ rien d'affiché dans la liste déroulante et une fois qu'on clique, on a toutes les différentes possibilités...
En attendant, j'ai ajouté <option selected></option>
Mais sans en ajouter un, est ce possible?
 
merciiiiiii

Reply

Sujets relatifs:

Leave a Replay

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