cacher/afficher des champs

cacher/afficher des champs - HTML/CSS - Programmation

Marsh Posté le 09-03-2006 à 17:20:56    

Bonjour,
 
je suis en train de faire un site en php+javascript, j'utilise deux boutons radio, et je voudrais afficher 3 cases à remplir si on choisit "oui", ou trois autres si on choisit "non".
quelqu'un aurait une idée pour faire cela?? :??:  
 
merci pour votre aide.


Message édité par chrif le 13-03-2006 à 12:30:18
Reply

Marsh Posté le 09-03-2006 à 17:20:56   

Reply

Marsh Posté le 09-03-2006 à 18:00:57    

Soit tu utilise du java script et donc tu fais ça en "live" avec :
document.getElementById("pouet" ).style.visibility
 
Ou alors en php!

Reply

Marsh Posté le 10-03-2006 à 08:33:04    

ou document.getElementById("pouet" ).style.display pour IE5+

Reply

Marsh Posté le 10-03-2006 à 11:28:56    

Et le mieux est de ne pas les cacher, mais de les désactiver. Vaut mieux tout afficher, et activer lorsqu'il le faut. Ca permet à l'utilisateur de voir tout de suite ce qui est possible s'il coche un des boutons radio.

Reply

Marsh Posté le 10-03-2006 à 11:51:21    

mais est ce que je peux avoir la fonction qui permet de faire cela, que ce soit du php, html, ou du javascript.
merci d'avance

Reply

Marsh Posté le 10-03-2006 à 11:55:13    

Pour le java script je te l'ai données!!!!!
Regarde :

Code :
  1. <script type="text/javascript">
  2.    function masquer() {
  3.       document.getElementById("pouet" ).style.visibility = "hidden"; //"visible" pour le réafficher
  4.    }
  5. </script>
  6. <input type="text" name="blabla" id="pouet" value="thetext" />
  7. <input type="button" value="Masquer le champ" onclick="masquer()" />

Essais et tu verra que ça marche!

Message cité 1 fois
Message édité par dwogsi le 10-03-2006 à 12:06:55
Reply

Marsh Posté le 10-03-2006 à 11:55:38    

NON C'EST PAS BIEN §§§
 
Faut les désactiver, pas les masquer ;)

Reply

Marsh Posté le 10-03-2006 à 11:58:24    

Si on cherche un effet plus "<< design staÿÿÿliiii!! >>>" on peut vouloir utiliser ce genre de solution.
 
Mais il vrai, et je le reconnais, que ce n'est pas forcément une bonne solution. Ca dépend aussi de l'utilisation du script : Intranet ou Internet.
On peut former les utilisateurs!
 
Personnellement, je n'utilise jamais ça sauf pour mes délires perso où j'essais de faire des truc qui bouge dans tout les sens!


Message édité par dwogsi le 10-03-2006 à 12:05:30
Reply

Marsh Posté le 13-03-2006 à 10:00:08    

dwogsi a écrit :

Pour le java script je te l'ai données!!!!!
Regarde :

Code :
  1. <script type="text/javascript">
  2.    function masquer() {
  3.       document.getElementById("pouet" ).style.visibility = "hidden"; //"visible" pour le réafficher
  4.    }
  5. </script>
  6. <input type="text" name="blabla" id="pouet" value="thetext" />
  7. <input type="button" value="Masquer le champ" onclick="masquer()" />

Essais et tu verra que ça marche!


 
Merci pour le script, mais c'est pas exactement ce que je cherchais, je voulais avoir des champs cachés, et les afficher quand je clique sur un bouton, c'est à dire l'inverse de ce script, que dois je changer??
merci

Reply

Marsh Posté le 13-03-2006 à 12:31:45    

Bonjour,
j'ai trouvé cette fonction en javascript qui me permet d'afficher ou de cacher des champs en html:
<script language="Javascript">
// ==================
// Activations - Désactivations
// ==================
function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
 if (Masquer=='1')
  objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
 else
  objControle.disabled=(objControleur.checked==true)?false:true;
 return true;
}
</script>
 
Le probléme c'est que les label restent affichés, comment je pourrais faire pour la cacher eux aussi??
merci

Reply

Sujets relatifs:

Leave a Replay

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