Boutton Radio et selection ??

Boutton Radio et selection ?? - HTML/CSS - Programmation

Marsh Posté le 09-08-2002 à 09:38:56    

Hello,  
 
Voila j'ai 2 boutton radio  
 

<input type='radio' name='rechpar' value='TITRE_ART'>titre  
<input type='radio' name='rechpar' value='DATEDEB_ART'>date


 
et 2 chose differentes a afficher  
 

<input type='text' name='princ' size='30'>


ou  

<select name='moischoisi'>  
<option value='01'>Janvier</option>  
<option value='02'>Fevrier</option>  
<option value='03'>Mars</option>  
<option value='04'>Avril</option>  
<option value='05'>Mai</option>  
<option value='06'>Juin</option>  
<option value='07'>Juillet</option>  
<option value='08'>Aout</option>  
<option value='09'>Septembre</option>  
<option value='10'>Octobre</option>  
<option value='11'>Novembre</option>  
<option value='12'>Decembre</option>  
</select>


 
 
et je voudrais qu'en fonction de ce que selection l'utilisateur la page se reactualise pour afficher soit le input type='text's'il selection le premier boutton radio soit le select s'il selection le 2eme boutton radion?  
 
Vous avez une idée ??


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Marsh Posté le 09-08-2002 à 09:38:56   

Reply

Marsh Posté le 09-08-2002 à 10:59:02    

Pas la peine de la réactualiser.
 
Chaque champ dispose d'une propriété qui s'appelle display.
Si tu mets display à none, l'élément n'apparaît plus. Il n'est pas seulement invisible, il n'est carrément pas tenu en compte dans la page, donc pas de décalage inapproprié ou autre pb.
 
Donc tu mets tes 2 boutons radios, tes deux champs dans ta page. Tu mets le display de l'un à block, le display de l'autre à none. Sur le champ boutons radio, tu mets un onChange=taFonction
et dans taFonction, tu fais basculer le display des 2 champs
 
C'est assez clair ?


---------------
Dans le monde, il n'y a que 10 sortes de personnes : ceux qui savent compter en binaire et ceux qui ne savent pas
Reply

Marsh Posté le 09-08-2002 à 11:04:32    

hehe je savais pas cela que les champs pouvait etre invi.
 
par contre en ce qui concerne la fonction poura mettre en invi ou pas ca se fait comment ?
tu n'aurais pas un exemple ?


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Marsh Posté le 09-08-2002 à 11:33:41    

Ca donne à peu près çà :
 


<script language="JavaScript">
function bascule ()
{
  if (bouton1.checked)
  {
    document.formulaire.princ.display = 'none';
    document.formulaire.moisChoisi.display = 'block';
  }
  else
  {
    document.formulaire.princ.display = 'block';
    document.formulaire.moisChoisi.display = 'none';
  }
}


 
...
 


<input type='radio' name='rechpar' value='TITRE_ART' onChange="bascule ();">titre  
<input type='radio' name='rechpar' value='DATEDEB_ART'onChange="bascule ();">date


 
 
 
Moi je l'avais utilisé sur des lignes de tableaux qui apparaissent ou disparaissent selon un choix dans un select.
Je n'ai jamais essayé sur les champs input. Si ca ne marche pas, essaye en mettant chaque champ dans un div et en appliquant ca au div.
Pour les boutons radios, je suis pas sur que c'est checked (ca c'est pour les boites à cocher).


---------------
Dans le monde, il n'y a que 10 sortes de personnes : ceux qui savent compter en binaire et ceux qui ne savent pas
Reply

Marsh Posté le 09-08-2002 à 12:08:26    

Ok merci pour ton aide j'ai presqeu reussi mais comment est ce que je peux faire pour que mes calques sont invisible au chargement de la page? Pour qu'il y en ai aucun de visible?
j'ai fais ca mais ca ne marche pas:
 

<div id='dateart' style='visiblity:hidden'></div>


 
avec cela il devrait par defaut invisible non ?


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Sujets relatifs:

Leave a Replay

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