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

[SpaceFrog]

[javatwister]

[backeyes]

J'ai trouv� la solution avec la fonction innerHTML

Qu'est ce qu'on dit ?

ps : c'est pas une fonction innerHTML, c'est une propri�t� (le chieur )

[cerede2000]

Enfin il est claire que tu t'emb�terais moins si tu mettait ton site, avec un design sans tableaux