Comment cacher un lisbox ?

Comment cacher un lisbox ? - HTML/CSS - Programmation

Marsh Posté le 27-04-2005 à 13:21:01    

Pour expliquer, dans mon formulaire je vais demander au client de choisir une methode d'action avec un radiogroup exemple immediate ou différé.  
Puis s' il choisit différé je dois pouvoir faire apparaitre des "select" avec lesquels il choisira la date de départ.  
 
Maintenant je ne sais pas comment faire et j'ai pensé à deux methodes:  
- Soit j'affiche tout le temps les select mais je les cache au besoin avec je sais pas quoi j'avais pensé a une image mais ça marche pas.  
 
- Soit je les crée uniquement si le client ne coche pas immediate, mais ça va me causer un autre probleme car il va falloir que vérifie si les "select" existent lorsque je réalise le traitement javascript pour valider le formulaire.  
 
Vous avez à peu pres pigé ou pas du tout


Message édité par michou357 le 27-04-2005 à 13:57:08
Reply

Marsh Posté le 27-04-2005 à 13:21:01   

Reply

Marsh Posté le 27-04-2005 à 13:28:57    

aucun rapport avec php... ca doit se faire en javascript...


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 27-04-2005 à 13:55:35    

tu crée ta liste comme ca:  
 


<select id="liste" style="display:none">
<option>...</option>
</select>


 
ensuite pour l'afficher, il suffit d'un bouton et d'une fonction
 

<inptut ype="button" value="montrer/cacher" onclick="montrer_cacher()">


 


<SCRIPT type="text/javascript">
<!--
function montrer_cacher() {
 obj=document.getElementById('liste');
 if(obj.style.display=='none') {
  obj.style.display='block';
 } else {
  obj.style.display='none';
 }
}
//-->
</SCRIPT>


 
 
hopla


Message édité par _gilou_ le 27-04-2005 à 13:58:26
Reply

Marsh Posté le 27-04-2005 à 14:19:16    

Accessoirement, ça ne fonctionnera pas sans JS :/

Reply

Marsh Posté le 27-04-2005 à 14:43:41    

Faut pas que j'oublie ça  " style="display:none" ".
Merci les chouchou.
Mais au fait ou est-ce que je peux trouver une liste de tous les styles ou attributs possible ?
Car a chaque fois je bloque la dessus, ça fait mal a la tete de foirfouiller toutes les documentations en anglais...

Reply

Marsh Posté le 27-04-2005 à 14:56:53    

_gilou_ a écrit :

tu crée ta liste comme ca:  
 


<select id="liste" style="display:none">
<option>...</option>
</select>


 
ensuite pour l'afficher, il suffit d'un bouton et d'une fonction
 

<inptut ype="button" value="montrer/cacher" onclick="montrer_cacher()">


 


<SCRIPT type="text/javascript">
<!--
function montrer_cacher() {
 obj=document.getElementById('liste');
 if(obj.style.display=='none') {
  obj.style.display='block';
 } else {
  obj.style.display='none';
 }
}
//-->
</SCRIPT>


 
 
hopla


bravo, si le JS est désactivé le client a une listbox qui n'apparaît jamais :jap:  
c'est très fin comme méthode :jap:


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 27-04-2005 à 15:04:14    

Je sais j'utilise beaucoup de petits JS dans mon code je ferais un test si le client a activé le JS si il est pas activé je lui affiche rien, juste un message qui lui dit qu'il faut qu'il l'active.
C'est des concessions à faire mais bon, ce que je fait ça va etre utilisé dans une entreprise en local donc ça va vu qu'ils l'ont installés.  
PS: je suis en stage....

Reply

Marsh Posté le 27-04-2005 à 15:06:05    

Ah ok, si c'est pour intranet c'est différent

Reply

Marsh Posté le 27-04-2005 à 15:06:56    

michou357 a écrit :

Je sais j'utilise beaucoup de petits JS dans mon code je ferais un test si le client a activé le JS si il est pas activé je lui affiche rien, juste un message qui lui dit qu'il faut qu'il l'active.


Tu risques pas de pouvoir, vu que le JS sera pas disponible pour afficher le message :whistle:  
 
Et accessoirement, le principe de Graceful Degradation dit que si la l33t fiture (ici le JS) n'est pas disponible, l'application/la page doit rester utilisable.
Et le principe de Progressive Enhancement dit que le Javascript n'est là que pour améliorer le comportement du navigateur, il s'ajoute par dessus du code HTML/CSS parfaitement fonctionnel pour améliorer et simplifier l'expérience de l'utilisateur.
 
Il n'existe que très peu de cas dans lesquels le JS peut se justifier en tant qu'obligatoire.


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

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