Discussion :

[Azaxx]

Bonjour à tous,

le titre n'est pas très claire mais je ne peux faire mieux.
Via un bouton 'select all' toutes mes checksbox doivent ou non se cocher.
J'ai trouver un code qui fonctionne très bien quand dans le formulaire il n'y a qu'une seule boucle.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function Check_all(container_id,state)
 {
  var checkboxes = document.getElementById(container_id).getElementsByTagName('input');
  for (var i=0;i<checkboxes.length;i++)
   {
    if(checkboxes[i].type == 'checkbox')
     {
      checkboxes[i].checked = state;
     }
   }
  return true;
 }

avec en html

Code :

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

1
2
3
4
5
6
7
<form method="post" id="chkuv">
                                        <?php 
                                        $i=0;
                                        foreach($ppo->uvLibCourt as $uv){ ?>
                                                <input type="checkbox" name="<?php echo $uv; ?>">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="info" href=""><?php echo $uv; ?><span class="uv"><?php echo $ppo->uvLibLong[$i]; ?></span></a>
                                        <?php $i++; } ?>         
                                    </form>

Ce code fonctionne parfaitement, mais pour un autre tableau mon html change un peu pour devenir.

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
<form method="post" id="chkuv">
                        <?php 
                        $i=0; 
                        foreach($ppo->uvs as $uv){ ?>
                            <tr> 
                                <td class="info_horaires">
                                        <input type="checkbox" name="<?php echo $uv->ID_UV; ?>">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="info" href=""><?php echo $uv->UV_LIBELLE_COURT; ?><span class="uv"><?php echo $uv->UV_LIBELLE_LONG; ?></span></a>                     
                                    <?php for($j=0;$j<$ppo->nbSem;$j++) {?>
                                        <td valign="top" class="other_day calendar_td" id="<?php echo blabla; ?>"> </td>
                                    <?php } ?>
 
                                </td> 
                            </tr>
                        <?php $i++; } ?>         
                      </form>

La fonction js elle ne change pas.

En gros dans le deuxième cas, au lieu d'un tableau simple, j'ai un tableau à 2 entrées (donc boucle imbriqué). Et pour je ne sais quelle raison, la fonction js ne récupère plus les checkboxes.

Si quelqu'un a une explication je suis vivement intéressé. Merci d'avance ).

[andry.aime]

Bonjour,

1- à lire Important : Les règles incontournables d'utilisation de ce forum

2- montre nous le comment tu fais appel à la fonction.
Tu dois utiliser un checkbox du genre

Code :

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

<input type="checkbox" name="toto" onclick="Check_all('chkuv',this.checked)">

A+.

[Azaxx]

Pour l'appel de la fonction, oui c'est presque cela.

Code :

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

1
2
                        <input type="button" value="Tout coher" onClick="Check_all('chkuv', true);"/>
                    <input type="button" value="Tout décocher" onClick="Check_all('chkuv', false);"/>

Désolé si mon message n'étais pas en bonne et due forme, je le pensais.

[andry.aime]

Désolé si mon message n'étais pas en bonne et due forme, je le pensais.

Montre nous ton code HTML généré

[Azaxx]

Escuse moi pour la lenteur de ma réaction )

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
19
20
21
22
23
24
25
<form id="chkuv" method="post"></form>
<tr>
<td class="info_horaires">
<input type="checkbox" name="9">
<a class="info" href="">
ST312GL
<span class="uv">Génie Logiciel</span>
</a>
</td>
<td id="blabla" class="other_day calendar_td" valign="top"> </td>
<td id="blabla" class="other_day calendar_td" valign="top"> </td>
{...}
</tr>
<tr>
<td class="info_horaires">
<input type="checkbox" name="7">
<a class="info" href="">
ST221ML
<span class="uv">Management de la chaine logistique</span>
</a>
</td>
<td id="blabla" class="other_day calendar_td" valign="top"> </td>
<td id="blabla" class="other_day calendar_td" valign="top"> </td>
{...}
</tr>

EDIT :

Code :

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

<form id="chkuv" method="post"></form>

Pour je ne sais quelle raison le form se ferme avant mon code ci-dessus

[Azaxx]

Bon ba j'ai trouvé la solution.

C'est le fait de regarder mon code généré HTML qui ma mis la puce à l’oreille.

Il faut juste que j'écarte encore plus mes balises de form. pour encadrer tout le <table> et pas juste mes boucles.

Tout fonctionne mais cela ne m'explique toujours pas pourquoi je ne peux pas juste encadrer mes boucles avec mon <form>

As-tu une idée?

[Bovino]

C'est surtout qu'il ne faut pas mettre un formulaire dans une table...

[Azaxx]

C'est surtout qu'il ne faut pas mettre un formulaire dans une table...

C'est vrai, mais comme pour mon autre tableau cela fonctionnait, je pensais que...

J'ai essayé avec une div mais le problème restait le même, a partir du moment ou j'ai mes boucles imbriqué je dois mettre mon <form> a l’extérieur.

Donc en résumé, je ne dois avoir qu'un seul <form> par tableau, et après pour dynamiser les différents éléments composant ce form je les cibles via le js. (et donc pas un <form> pour chaque élément du tableau que je souhaite dynamiser).

Dans tout les cas, merci à vous deux qui prenez le temps de répondre (rapidement en plus) à nos questions. Vous êtes géants )