Salut à tous !

Je viens solliciter votre aide sur un script pllutôt courant.

J'ai créé un système de messagerie, où la liste des messages reçus s'intègre dans un tableau. Au début de chaque ligne, il y a une checkbox pour sélectionner le message correspondant.

J'ai au-dessus de ce tableau une checkbox "maître" qui, quand on clique dessus, doit sélectionner toutes les checkbox (tous les messages) d'un coup.

Voilà en image :
image


J'ai essayé toutes les solutions proposées sur ce topic, mais rien n'y fait :
http://www.siteduzero.com/forum-83-441 [...] ctionner.html

Voici mon code HTML:

<form method="post" action="" name="general" enctype="multipart/form-data">
<table width="100%" border="1" cellspacing="2" cellpadding="2">
  <tr>
    <td></td>
    <td>&nbsp;</td>
    <td><a href="">Supprimer</a></td>
    <td><a href="">Bloquer</a></td>
    <td><a href="">Afficher comme &quot;lu&quot;</a></td>
    <td><a href="">Afficher comme &quot;non lu&quot;</a></td>
  </tr>
  <tr>
    <td colspan="6">&nbsp;</td>
    </tr>
  <tr>
    <td><input type="checkbox" name="all" onclick="selectall(document.general.all,document.general.choix)" /></td>
    <td>&nbsp;</td>
    <td><em>Date</em></td>
    <td><em>Expéditeur</em></td>
    <td colspan="2"><em>Sujet</em></td>
    </tr>
    <tr>
    <td><input type="checkbox" name="id<?php echo $donnees['id']; ?>" id="" /></td>
    <td>&nbsp;</td>
    <td><strong><?php echo $donnees['date_envoi']; ?></strong></td>
    <td><strong><a href=""><?php echo $donnees['pseudo_env']; ?></a></strong></td>
    <td colspan="2"><strong><a href="message.php?id=<?php echo $donnees['id']; ?>"><?php echo $donnees['sujet']; ?></a></strong></td>
  </tr>
  <tr>
    <td><input type="checkbox" name="id<?php echo $donnees['id']; ?>" id="" /></td>
    <td>&nbsp;</td>
    <td><strong><?php echo $donnees['date_envoi']; ?></strong></td>
    <td><strong><a href=""><?php echo $donnees['pseudo_env']; ?></a></strong></td>
    <td colspan="2"><strong><a href="message.php?id=<?php echo $donnees['id']; ?>"><?php echo $donnees['sujet']; ?></a></strong></td>
  </tr>
  <tr>
    <td><input type="checkbox" name="id<?php echo $donnees['id']; ?>" id="" /></td>
    <td>&nbsp;</td>
    <td><strong><?php echo $donnees['date_envoi']; ?></strong></td>
    <td><strong><a href=""><?php echo $donnees['pseudo_env']; ?></a></strong></td>
    <td colspan="2"><strong><a href="message.php?id=<?php echo $donnees['id']; ?>"><?php echo $donnees['sujet']; ?></a></strong></td>
  </tr>
  <tr>
    <td><input type="checkbox" name="id<?php echo $donnees['id']; ?>" id="" /></td>
    <td>&nbsp;</td>
    <td><strong><?php echo $donnees['date_envoi']; ?></strong></td>
    <td><strong><a href=""><?php echo $donnees['pseudo_env']; ?></a></strong></td>
    <td colspan="2"><strong><a href="message.php?id=<?php echo $donnees['id']; ?>"><?php echo $donnees['sujet']; ?></a></strong></td>
  </tr>
  </table>
</form>

Voilà. Sauriez-vous éclairer ma lanterne ?

Avant toute chose tu peux le faire sans Javascript avec que du Php, dans une boucle ou tu check chaque case (en rechargeant la page).
Le moyen avec du Javascript, est de récupérer toute les balises input, ou toute une class checkbox, et dans une boucle les passer check.

grace a php tu attribues une id croissante a toutes tes checkbox avec une boucle for genre:

<input id="1" type="checkbox" name="all" onclick="selectall(document.general.all,document.general.choix)" />
<input id="2" type="checkbox" name="all" onclick="selectall(document.general.all,document.general.choix)" />
<input id="3" type="checkbox" name="all" onclick="selectall(document.general.all,document.general.choix)" />
...

et ensuite en js:

for(var i=1;i<=nbcheckbox;i++)
{
getElementByID(i).checked=true;
}

lors d'un click sur ta checkbox maitre

Je reviendrai sur vos réponses plus tard, il faut que je file là.

Mais je tenais à préciser que je n'y connais absolument rien au Javascript

Citation : lifaon74

grace a php tu attribues une id croissante a toutes tes checkbox avec une boucle for genre:

<input id="1" type="checkbox" name="all" onclick="selectall(document.general.all,document.general.choix)" />
<input id="2" type="checkbox" name="all" onclick="selectall(document.general.all,document.general.choix)" />
<input id="3" type="checkbox" name="all" onclick="selectall(document.general.all,document.general.choix)" />
...

Evitons quand même les ids purement numériques... et même commençant par un chiffre.

Préférons quelque chose comme chk1, chk2, chk3...

Oui par contre, je ne veux pas faire cette fonction en php.
Je trouve que ça n'a aucun intérêt de devoir recharger la page.

Je veux que ça remplisse toutes les checkbox instantanément, donc en JS.

Citation : lifaon74

grace a php tu attribues une id croissante a toutes tes checkbox avec une boucle for

Citation : Golmote

quelque chose comme chk1, chk2, chk3...

Oui d'accord, je ne voyais pas bien où vous vouliez en venir.
Ok.

Est-ce qu'il est possible d'avoir plus de détail sur la partie Javascript ? Pardon, mais je n'y connais rien au JS...
Est-ce que je mets juste :

for(var i=1;i<=nbcheckbox;i++)
{
getElementByID(i).checked=true;
}

?

Presque ça .

document.getElementById(i).checked = true;

Ps: dans le cas ou t'as pas que des nombres en id tu peux faire genre :
document.getElementById("checkBox"+i)