Discussion :

[Nemesys]

Bonjour a tous,


je voudrais d'abord savoir si ce que je veux faire est possible en javascript(je pense que oui) sinon comment faire?

Mon besoin est simple : j'ai un formulaire avec des champs et des listes et au milieu j'ai une case à cocher. Si l'utilisateur coche cette cache j'aimerais automatiquement rendre invisible les champs qui se trouvent dessous (et recadrer le contour de mon formulaire)

Savez vous comment faire? vous avez des exemples?

Merci et désolé si la solut est quelque part et que je n'ai pas assez cherché

[Bisûnûrs]

Code html :

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

<input type="checkbox" ... onclick="(this.checked)?document.getElementById('iddetonélémentàcacher').style.display='none':document.getElementById('iddetonélémentàcacher').style.display='block'" ... />

[Taum]

Salut,

Cacher un élément:
http://javascript.developpez.com/faq...SS#affichObjet

Pour effectuer une action quand on coche/décoche un checkbox, il me semble qu'il faut utiliser l'évenement onchange de ce checkbox.

[Nemesys]

Bisunurs est sur la bonne piste je crois, voici une partie de mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<td><p>&nbsp;Supprimer</p></td>
            <td><input type="checkbox" name="del" value="" onclick="(this.checked)?document.getElementById('test').style.display='none':document.getElementById('test').style.display='block'"/> 
            </td>
          </tr>
		  <tr id="test">
            <td align="center" colspan="2"><p style="font-size:20px"><b>\*N'a pas d'espace de stockage !*\</b></p></td>
          </tr>
		  <tr id="test">
            <td width="30%"><p>&nbsp;Quota actuel :</p></td>
            <td width="55%"><input name="quotaactuel" size="20" maxlength="40" type="text" value="">
              </td>
 
          </tr>
          <tr id="test">
            <td><p>&nbsp;Nouveau quota :</p></td>
            <td><input name="nouveauquota" size="20" maxlength="40" type="text" value=""></td>
          </tr>
		  <tr>

Quand je coche supprimer ca cache "N'a pas d'espace de stockage". Mais ca ne cache pas le reste, en changeant de id pour les autres comment faire?

et un autre prob : si je coche puis décoche ca alonge mon tableau en hauteur..(bref moins important puisque l'utilisateur n'a pas a cliquer 100fois..)

merci

[Nemesys]

J'ai meme essayé ca pour mes champs de texte :

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

mais il ne se passe rien !

[Bisûnûrs]

Masquer et afficher des lignes d'un tableau c'est souvent un problème ...

Si tu peux te passer de mettre ton contenu dans un tableau ça arrangerait les choses.

En outre, dans ton code tu utilises plusieurs fois l'id test, or, rappelons-le, un id (identifiant), est unique !

Je te conseille donc de revoir ta mise en page pour te passer des tableaux, il sera alors plus facile d'englober ce que tu souhaites masquer dans un seul et même bloc.

[Nemesys]

J'ai trouvé la solution avec la fonction innerHTML

merci