Afficher un bloc sous condition

**taly** · 19/09/2006, 10h21

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 ?

**trotters213** · 19/09/2006, 10h28

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.

**taly** · 19/09/2006, 10h33

oui c'est ça.
est-ce que tu aurais une idée du code à utiliser avec JS ? (fonctions...)

**Dia_FR** · 19/09/2006, 10h38

tu peux t'inspirer de ça

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

**Bisûnûrs** · 19/09/2006, 10h45

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>