Afficher un bloc sous condition

Version imprimable

19/09/2006, 10h21
taly

Afficher un bloc sous condition

Bonjour,

Je voudrais savoir s'il est possible d'afficher un bloc (div css) uniquement si une condition est remplie.

Je m'explique : dans mon formulaire de propose d'envoyer son contenu par email : le choix de cette option s'effectue avec des boutons radio oui/non. Si oui est coché, un bloc apparait en dessous avec la liste des potentiels contacts à qui sera envoyé le mail. Si non est coché, le bloc est masqué.

Auriez-vous des pistes à m'indiquer ?
Merci pour vos suggestions ?
19/09/2006, 10h28
trotters213

:salut:
Si j'ai bien compris tu veux que lorsque ta radio box est cochée, une liste des contacts apparaissent en dessous, c'est ça?
Si c'est le cas c'est plutôt en Javascript que ça se fait ça.
19/09/2006, 10h33
taly

oui c'est ça.
est-ce que tu aurais une idée du code à utiliser avec JS ? (fonctions...)
19/09/2006, 10h38
Dia_FR

tu peux t'inspirer de ça

http://javascript.developpez.com/faq...Objs#TextCheck

Code:

1
2
3
4
5
6
7
8
9
<script language="JavaScript">
function changement(){ 
   if (document.form1.cb[0].checked) 
      document.getElementById('coucou').style.display="block"; 
   else 
      document.getElementById('coucou').style.display="none";
}
 
</script>

Code:

1
2
3
4
5
<form name="form1">
<input type="radio" id="cb" name="cb" value="oui" onclick="javascript:changement()">
<input type="radio" id="cb" name="cb" value="non" onclick="javascript:changement()" checked>
</form>
<div id="coucou" style="display:none">mon texte</div>

19/09/2006, 10h50
taly

super merci beaucoup ! :mrgreen:
19/09/2006, 10h52
Bisûnûrs

Citation:

Envoyé par taly

super merci beaucoup ! :mrgreen:

J'ai modifié mon post précédent, prends la dernière version du code, je t'avouerais que je ne sais pas comment l'ancienne a pu fonctionner. :roll:
19/09/2006, 11h05
taly

Et bien ce qui est bizarre c'est que l'ancien fonctionnait très bien et celui là non... 8O
En tout cas merci à toi. :P
19/09/2006, 11h12
Bisûnûrs

Je viens de le retester sur IE et Firefox, je n'ai aucun problème, alors si tu as modifié les noms et ids, vérifie que tu les as modifiés partout.
19/09/2006, 11h19
trotters213

pense également à mettre le tag http://www.developpez.net/forums/ima...ons/resolu.gif ;)
19/09/2006, 11h25
taly

tout est ok : merci ! ;)