Chapitre: vue d'ensemble Forum SELFHTML Chapitre: vue d'ensemble Archives du forum Chapitre: vue d'ensemble 2006 Chapitre: vue d'ensemble février
SELFHTML

Forum SELFHTML: Archives:
recupérer et transmettre les valeurs d'un tableau de chackbox
Page d'information: vue d'ensemble
vers le bas 

(JAVASCRIPT) recupérer et transmettre les valeurs d'un tableau de chackbox

Le message suivant est de: Jack, Adresse électronique jbdc1fr@yahoo.fr, 28. 02. 2006, 18:14

Bonjours voici ma source:

<html>
<head>
<title>Recherche de Donateurs</title>
<script type="text/javascript" src="dropdown.js"></script>
<script type="text/javascript">

function SubmitDonateurs(frm_List_donateur)
{

        //document.frm_List_donateur.SelectItem.value="Selected";
        var choix=frm_List_donateur.checkbox[frm_List_donateur.checkbox.checked].value;
        if (confirm("Voulez vous vraiment Sélectioner ces Donateurs ?"))
  {
      window.opener.document.forms['frm_attrib'].elements['donateur'].value = choix;
     }
     else
     {
         dml=document.frm_List_donateur;
            len = dml.elements.length;
         var i=0;
      for( i=0 ; i<len ; i++)
            {
                if (dml.elements[i].name=='SelectItem[]')
                {
                    dml.elements[i].checked=0;
                }
            }
  }
}
</script>

</head>
<body>
<form action='' method=get name=frm_List_donateur><table width="490px" align=center class="display">

      <tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2213, , Thérèse et sa famille, ">
    </td><td width=45% align=center> Thérèse et sa famille </td>
    <td width=10% align=center></a></td>
    <td width=20% align=center></td>

    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="1081, , , ABBAYE ST BENOIT">
    </td><td width=45% align=center>  ABBAYE ST BENOIT</td>
    <td width=10% align=center>45730</a></td>
    <td width=20% align=center>ST BENOIT SUR LOIRE</td>
    <td width=20% align=center></td>

    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="712, Mme, Suzanne, ABEBERRY***">
    </td><td width=45% align=center>Mme Suzanne ABEBERRY***</td>
    <td width=10% align=center>64100</a></td>
    <td width=20% align=center>BAYONNE</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2568, M. et Mme, Philippe, ABGRALL">
    </td><td width=45% align=center>M. et Mme Philippe ABGRALL</td>

    <td width=10% align=center>29400</a></td>
    <td width=20% align=center>LANDIVISIAU</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2548, Mlle, Nisrine, ABIAD">
    </td><td width=45% align=center>Mlle Nisrine ABIAD</td>
    <td width=10% align=center>75014</a></td>

    <td width=20% align=center>PARIS</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2779, M. et Mme, Gérard Philippe, ABOUQUIR">
    </td><td width=45% align=center>M. et Mme Gérard Philippe ABOUQUIR</td>
    <td width=10% align=center>92140</a></td>
    <td width=20% align=center>CLAMART</td>

    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2956, Mme, Henriette, ABRIC">
    </td><td width=45% align=center>Mme Henriette ABRIC</td>
    <td width=10% align=center>34190</a></td>
    <td width=20% align=center>AGONES</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">

    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="3016, Mme, Cécile, ACCIPE">
    </td><td width=45% align=center>Mme Cécile ACCIPE</td>
    <td width=10% align=center>97170</a></td>
    <td width=20% align=center>PETIT BOURG</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="1650, Mme, Christiane, ACHARD-LARTIGUE">
    </td><td width=45% align=center>Mme Christiane ACHARD-LARTIGUE</td>

    <td width=10% align=center>84170</a></td>
    <td width=20% align=center>MONTEUX</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2858, P., Gabriel, ACKERMANN">
    </td><td width=45% align=center>P. Gabriel ACKERMANN</td>
    <td width=10% align=center>52400</a></td>

    <td width=20% align=center>BOURBONNE LES BAINS</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="1496, Mlle, Lucie, ADAM">
    </td><td width=45% align=center>Mlle Lucie ADAM</td>
    <td width=10% align=center>57070</a></td>
    <td width=20% align=center>METZ</td>

    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2865, Sr, Elisabeth, ADAM">
    </td><td width=45% align=center>Sr Elisabeth ADAM</td>
    <td width=10% align=center>76000</a></td>
    <td width=20% align=center>ROUEN</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">

    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2370, Sr, Carmel de la Sainte Famille, Agnès de Jésus***">
    </td><td width=45% align=center>Sr Carmel de la Sainte Famille Agnès de Jésus***</td>
    <td width=10% align=center>IL-16100</a></td>
    <td width=20% align=center>NAZARETH</td>
    <td width=20% align=center>ISRAËL</td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="867, Mme, Jeanine, AGRET">
    </td><td width=45% align=center>Mme Jeanine AGRET</td>

    <td width=10% align=center>9200</a></td>
    <td width=20% align=center>ST GIRONS</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="1260, M. et Mme, Jean, AGUILAR">
    </td><td width=45% align=center>M. et Mme Jean AGUILAR</td>
    <td width=10% align=center>30510</a></td>

    <td width=20% align=center>GENERAC</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2388, , , Aide à l'Eglise en Détresse">
    </td><td width=45% align=center>  Aide à l'Eglise en Détresse</td>
    <td width=10% align=center>78750</a></td>
    <td width=20% align=center>MAREIL MARLY</td>

    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="422, Mme, Monique, AIELLO">
    </td><td width=45% align=center>Mme Monique AIELLO</td>
    <td width=10% align=center>34970</a></td>
    <td width=20% align=center>LATTES</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">

    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2114, Mme, Geneviève, AILLERIE">
    </td><td width=45% align=center>Mme Geneviève AILLERIE</td>
    <td width=10% align=center>49000</a></td>
    <td width=20% align=center>ANGERS</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="372, M. et Mme, Fabienne et Georges, AIME">
    </td><td width=45% align=center>M. et Mme Fabienne et Georges AIME</td>

    <td width=10% align=center>67201</a></td>
    <td width=20% align=center>ECKBOLSHEIM</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="573, Mlle, Christelle, AIRIAN***">
    </td><td width=45% align=center>Mlle Christelle AIRIAN***</td>
    <td width=10% align=center></a></td>
    <td width=20% align=center></td>

    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2461, , , AKTIONSGRUPPE Eine Welt für alle">
    </td><td width=45% align=center>  AKTIONSGRUPPE Eine Welt für alle</td>
    <td width=10% align=center>A-4076</a></td>
    <td width=20% align=center>ST. MARIENKIRCHEN</td>
    <td width=20% align=center>Autriche</td>

    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="96, Mme, Maryse, ALAUX-LOUBON">
    </td><td width=45% align=center>Mme Maryse ALAUX-LOUBON</td>
    <td width=10% align=center>31860</a></td>
    <td width=20% align=center>PINS-JUSTARET</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2575, Sr, Ulrike, ALBERS">
    </td><td width=45% align=center>Sr Ulrike ALBERS</td>

    <td width=10% align=center>D-10787</a></td>
    <td width=20% align=center>BERLIN</td>
    <td width=20% align=center>Allemagne</td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="178, Mme, Suzanne, ALBERT">
    </td><td width=45% align=center>Mme Suzanne ALBERT</td>
    <td width=10% align=center>34070</a></td>

    <td width=20% align=center>MONTPELLIER</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="3008, Mr, Jean-Michel, ALBERT">
    </td><td width=45% align=center>Mr Jean-Michel ALBERT</td>
    <td width=10% align=center>75009</a></td>
    <td width=20% align=center>PARIS</td>

    <td width=20% align=center></td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="1737, Herr, Karl Heinz, ALBERT***">
    </td><td width=45% align=center>Herr Karl Heinz ALBERT***</td>
    <td width=10% align=center>D-97070</a></td>
    <td width=20% align=center>WÜRZBURG</td>
    <td width=20% align=center></td>
    </tr><tr class="Texte">

    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="1511, Frau, Agnes, ALBERTMANN">
    </td><td width=45% align=center>Frau Agnes ALBERTMANN</td>
    <td width=10% align=center>D-48268</a></td>
    <td width=20% align=center>GREVEN I / W</td>
    <td width=20% align=center>Allemagne</td>
    </tr><tr class="Texte">
    <td width=5% align=center><input type=checkbox name="SelectItem[]" value="2217, Frau, Ingunde, ALBIEZ">
    </td><td width=45% align=center>Frau Ingunde ALBIEZ</td>

    <td width=10% align=center>D-78467</a></td>
    <td width=20% align=center>KONSTANZ</td>
    <td width=20% align=center>Allemagne</td>
    </tr><tr class="Texte">

    </tr></table></form>
</body>
</html>

Mon objectif, est tout simplement de réussir à renvoyer sous forme de tableau les valeurs d'une liste de checkbox checked, dans le champ d'une textarea se situant dans la form de la page appelant le popup comuniquant. Afin de permettre via php un traitement à la volée des données sélectionnées.

Merci de votre attention.


 
vers le hautvers le bas 

(JAVASCRIPT) recupérer et transmettre les valeurs d'un tableau de chackbox

Le message suivant est de: Bartouille, Adresse électronique bertrand.wattel_pasDeSpam@free.fr, 28. 02. 2006, 22:26
http://mythes.foret.free.fr

Bonsoir

»» function SubmitDonateurs(frm_List_donateur)
»» dml=document.frm_List_donateur;

Très belle fonction, très rustique qui passe par le champ de formulaire pour accéder à la valeur d&#39;objet. Je l&#39;avais oubliée celle-là dans mon post d&#39;avant. Malheureusement, elle est singulièrement orpheline. Ne manque-t&#39;il pas un évènement ONSUBMIT dans la déclaration de formulaire pour y faire appel ?

De plus, la fonction n&#39;est pas correcte. Il n&#39;est pas possible de générer directement un tableau par mesCoches[cellesquisontcochées].
En revanche, il est tout à fait possible de balayer le tableau des checkbox pour recréer un deuxième tableau qui ne contiendra que les sélectionnées. Mais pourquoi s&#39;embéter à l&#39;utiliser à remplir un TEXTAREA et ce d&#39;autant plus que ce pauvre champ sera bien incapable de mémoriser un tableau, tout juste une chaîne de texte ? Il serait bien plus simple de faire directement traiter le formulaire par le script PHP.
Pourriez-vous m&#39;expliquer la nécessité de recopier les valeurs des donateurs sur une autre page WEB ?

N&#39;hésitez pas à aller faire un tour dans la section javascript et DHTML de SelfHTML.
Enfin, il est bien plus simple d&#39;appeler la méthode de réinitialisation d&#39;un formulaire, plutôt que de balayer toutes les cases à cocher : CeFormulaire.reset() tout simplement.

Bon courage,

Bartouille

PS : Je vais faire le puriste, mais en théorie ce sont des guillements doubles qui doivent encadrer les valeurs non numériques dans les paramètres de balises HTML (me semble-t&#39;il).


 
vers le haut
Chapitre: vue d'ensemble Forum SELFHTML Chapitre: vue d'ensemble Archives du forum Chapitre: vue d'ensemble 2006 Chapitre: vue d'ensemble février

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org