Discussion :

[R1pToR]

Salut, c'est à nouveau moi et mes problèmes :

Bon cette fois-ci, s'en est un très simple mais très lourd puisque ... ça ne marche pas.

En fait, voila le topo : j'ai une checkbox. Je veux quand elle est cochée, qu'un tableau s'affiche, et quand elle est décochée, qu'il disparaisse, et ainsi de suite ...

Simple non ? Bon alors voici ma page :

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
<table cellspacing="6" >
          <tr>
            <td><input type="checkbox" onclick="ShowTab()" id="chk1"></td>
            <td>Toutes les demandes</td>
          </tr>
       </table>
       <table cellspacing="6" >
          <tr>
           <td>Uniquement la(les) demande(s) ...</td>
          </tr>
           <tr>
            <table class="tableau_recherche" align="center" id="tab2">
              <tr>
                ...
               </tr>
              </table>

Et voici le code javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function ShowTab()
{
if(document.getElementById("chk1").value != null)
  {
   document.getElementById("tab2").style.display = 'none';
  }
if(document.getElementById("chk1").value = null)
  {
   document.getElementById("tab2").style.display = 'block';
  }
}

En fait, lorsque je coche la checkbox, le tableau disparait donc c super, mais lorsque je la décoche, il reste sur place ... donc bon c'est quand même relativement embêtant

Une petite idée ?

[plsavary]

Remplace :

Code :

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

1
2
 
if(document.getElementById("chk1").value = null)

Par :

Code :

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

1
2
 
if(document.getElementById("chk1").value == null)

[R1pToR]

Même problème, je coche : ça disparait, je décoche ... ça réapparait pas !

[OButterlin]

Tu ne fais pas le bon test : il faut tester "checked" pas value

Code :

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

1
2
3
 
if ( document.getElementById("chk1").checked ) document.getElementById("tab2").style.display = "block";
else document.getElementById("tab2").style.display = "none";

A+

[R1pToR]

...

ça paraissait si évident que je n'y avait pas pensé ...

MERCI !

[OButterlin]

C'est souvent comme ça... plus tu l'as sous les yeux... moins tu le vois

[R1pToR]

Arf ! Alors là j'ai un autre problème :

En fait, dans l'action qui suit ma jsp, je dois executer un traitement en fonction de la valeur de la checkBox.

J'ai donc remplacé mon

Code :

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

<input type="checkbox" onclick="ShowTab()" id="chk1">

par

Code :

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

<html:checkbox property="allDemandes" onclick="ShowTab()" name="resultatsDemandesValidationActionForm"/>

Le problème est que je n'arrive plus à le récupérer dans mon javascript, même avec un document.getElementsByName, puisque le nom correspond à celui du formulaire ...

Un petit coup de main ?

[OButterlin]

L'attribut styleId du taglib checkbox = id d'une balise <input type="checkbox">

A+

[R1pToR]

Euuuuh ...

Tu peux préciser ta solution stp ?

[OButterlin]

Dans ton exemple initial, tu avais :

Code :

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

1
2
 
<input type="checkbox" onclick="ShowTab()" id="chk1">

l'équivalent avec le taglib serait :

Code :

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

1
2
 
<html:checkbox property="allDemandes" onclick="ShowTab()" styleId="chk1">

Maintenant si ton problème est lié à la valeur lue par le contrôleur, je ne peux pas te répondre, je ne vois pas d'attribut value="1" (ou autre valeur) dans ta balise checkbox.
D'autre part, une valeur de checkbox n'est renvoyée que si la checkbox est cochée, donc, il faut prévoir une initialisation (dans reset avec ActionForm) ou un test à != null...

C'est plus clair ?

[R1pToR]

Ok super !

Une dernière petite question et après j'arrête :

Je veux donner par défaut la valeur 'none' à mon tableau dès l'ouverture de la page ...

Je fais ça comment ?

[OButterlin]

comme ça

Code :

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

1
2
3
4
 
<table style="display:none" ...>
...
</table>

A+

[R1pToR]

Sa pète.

Merci OButterlin

[OButterlin]

De rien, n'oublie pas

Bonne continuation