begin process at 2012 05 28 23:45:00
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

case a cocher et traitement tableau


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

case a cocher et traitement tableau

mercredi 19 mars 2008 à 22:37:54 | case a cocher et traitement tableau

bubbledesavon

bonjour,
je ne m'y connais pas trop en javascrit , mais je connais un peu le principe.
je pense que le javascript est la meilleur solution pour faire ce que je veux.
j'explique:
j'affiche des resultats d'une requete mysql dans un tableau.(nombre de ligne aleatoire) 
en dessous de ce tableau j'ai des champs texte qui me permettent de mettre a jour le tableau via une requete mysql.
au bout de chaque ligne de tableau j'ai inseré une case a cocher dont la valeur est egal a l'id de la ligne.
j'aimerais quand je coche une ligne , que cette ligne s'affiche dans mes champs texte.
en gros ,je coche ,et plus besoin de retaper toutes les infos dans les champs texte .
j'espere avoir ete clair.
et vous remercie d'avance de votre aide.

bubbledesavon
PS:je m'excuse si le message n'est pas au bon endroit,mais je ne savais pas trop quel theme choisir.
jeudi 20 mars 2008 à 09:20:15 | Re : case a cocher et traitement tableau

bultez

Membre Club


Bonjour,

>>au bout de chaque ligne de tableau j'ai inseré une case a cocher
    pour agir, donc : onclick, onchange
>>dont la valeur est egal a l'id de la ligne.
    le value ?   donc document.getElementById(le value de la case à cocher)=ligne du tableau ?
>>j'aimerais quand je coche une ligne , que cette ligne s'affiche dans mes champs texte.
    champ_texte.value=ligne_du_tableau.cells[n° de colonne].innerText; peut-être ? ou autre


                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 20 mars 2008 à 17:07:25 | Re : case a cocher et traitement tableau

Zobibol

Membre Club
Réponse acceptée !
Salutation,
plusieurs chose, l'utilisation de case à cocher est-elle des plus logique, on ne peut sélectionner qu'une ligne pour avoir le détail, un radio bouton semblerait des plus logique à trouver.
Ensuite, j'ai obtenu ça (il y a fort longtemps que j'ai écrit ce truc alors va falloir tester un chouilla)

<html>
    <head>
        <title>
        </title>
        <script>
                /**
                * Affichage du détail de la ligne _id
                *
                * @param _id
                *            Identifiant de la ligne
                */
                function showDetail(_id){
                        var trContent = document.getElementById(_id);
                        var cellsContent = trContent.cells;
                        for ( var i=0; i<cellsContent.length; i++){
                                if ( cellsContent[i].getAttribute("linkField")){
                                        var _idField = cellsContent[i].getAttribute("linkField");
                                        document.getElementById(_idField).value =  cellsContent[i].innerHTML;
                                }
                        }
                }
        </script>
    </head>
       
    <body>
              <table>
                  <tr id="1">
                      <td linkField="Name">Nom</td>
                      <td linkField="SurName">Prenom</td>
                      <td linkField="Address">Adresse</td>
                      <td linkField="ZipCode">Code postal</td>
                      <td><input type="radio" onclick="showDetail('1')"/></td>
                  </tr>
                  <tr id="2">
                      <td linkField="Name">Polo</td>
                      <td linkField="SurName">Le roi des haricots</td>
                      <td linkField="Address">Il habite ici</td>
                      <td linkField="ZipCode">12345</td>
                      <td><input type="radio" onclick="showDetail('2')"/></td>
                  </tr>
                  <tr id="3">
                      <td linkField="Name">Raymond</td>
                      <td linkField="SurName">Il aime le saumon</td>
                      <td linkField="Address">Norvege</td>
                      <td linkField="ZipCode">0000XXX</td>
                      <td><input type="radio" onclick="showDetail('3')"/></td>
                  </tr>
              </table>
              <input type="text" id="Name" />
              <input type="text" id="SurName" />
              <input type="text" id="Address" />
              <input type="text" id="ZipCode" />
    </body>
</html>

Mas ça aurait été sympas d'avoir ce que tu as déjà fait, la correction serait plus en conformité avec ce que tu veux ....

[o-_-o]
jeudi 20 mars 2008 à 18:06:39 | Re : case a cocher et traitement tableau

bubbledesavon

bonjour,
merci a vous deux bul et zobitol.
le souci ,c'est que j ai l'idee mais je n'est encore rien d'ecrit .
c'est pour cela que je met du temps a repondre ,j'essaye avec les infos de bultez et des infos recuperer sur le net.
a part :

while($sql3 = mysql_fetch_array($req3))
{
echo  "<TR><TD>".$sql3['code']."</TD>";
echo  "<TD>".$sql3['T']."</TD>";
echo "<TD>".$sql3['des']."</TD>";
echo "<TD>".$sql3['5']."</TD>";
echo "<TD>".$sql3['3']."</TD>";
echo "<TD>".$sql3['cop']."</TD>";
echo "<TD>".$sql3['elec']."</TD>";
echo '<td><input type="checkbox" name="checkbox" value='.$sql3['code'].onclick="fonction()"'/> </TD></TR>';
}
mysql_close();

je suis toujours a la recherche de code et d'infos ,mais je vais essayer le code ci dessus et e vous tiens au courant.

merci de vos reactions

ps:je suis preneur de code tout fait lol
vendredi 21 mars 2008 à 07:43:41 | Re : case a cocher et traitement tableau

bultez

Membre Club
Réponse acceptée !
ch'tite approche....

<script type="text/javascript">
    function fonction(chk)
    {    document.getElementById("r").value =
                document.getElementById("t").rows[chk.parentElement.parentElement.rowIndex].cells[0].innerText;
    }
</script>
<input type="text" id="r" />
<table id="t"
            border=4>
    <TR>    <TD>".$sql3['code']."UN</TD>
            <TD>".$sql3['T']."</TD>
            <TD>".$sql3['des']."</TD>
            <TD>".$sql3['5']."</TD>
            <TD>".$sql3['3']."</TD>
            <TD>".$sql3['cop']."</TD>
            <TD>".$sql3['elec']."</TD>
            <td><input type="checkbox" name="checkbox" value='.$sql3['code']' onclick="fonction(this);"/> </TD></TR>
    <TR>    <TD>".$sql3['code']."DEUX</TD>
            <TD>".$sql3['T']."</TD>
            <TD>".$sql3['des']."</TD>
            <TD>".$sql3['5']."</TD>
            <TD>".$sql3['3']."</TD>
            <TD>".$sql3['cop']."</TD>
            <TD>".$sql3['elec']."</TD>
            <td><input type="checkbox" name="checkbox" value='.$sql3['code']' onclick="fonction(this);"/> </TD></TR>
    <TR>    <TD>".$sql3['code']."TROIS</TD>
            <TD>".$sql3['T']."</TD>
            <TD>".$sql3['des']."</TD>
            <TD>".$sql3['5']."</TD>
            <TD>".$sql3['3']."</TD>
            <TD>".$sql3['cop']."</TD>
            <TD>".$sql3['elec']."</TD>
            <td><input type="checkbox" name="checkbox" value='.$sql3['code']' onclick="fonction(this);"/> </TD></TR>
    <TR>    <TD>".$sql3['code']."QUATRE</TD>
            <TD>".$sql3['T']."</TD>
            <TD>".$sql3['des']."</TD>
            <TD>".$sql3['5']."</TD>
            <TD>".$sql3['3']."</TD>
            <TD>".$sql3['cop']."</TD>
            <TD>".$sql3['elec']."</TD>
            <td><input type="checkbox" name="checkbox" value='.$sql3['code']' onclick="fonction(this);"/> </TD></TR>
</table>


    il aurait mieux valu avec la page générée et pas le PHP !!!!!

    à adapter pour FF,    et utiliser un checkbox... je doute.

    j'ai mis UN, DEUX, TROIS, QUATRE pour qu'on voit !



                Cordialement            Bul         [mon Site]     [M'écrire]
samedi 22 mars 2008 à 23:55:49 | Re : case a cocher et traitement tableau

bubbledesavon

bonsoir je vous met ci dessous mon code ca fonctionne a merveille ,merci encore a vous deux.
seul petit hic , si c'est possible ,quand je coche tout s'affiche ,mais quand je decoche les dernieres info cocher reste dans les champs text.
est ce possible de dire qu il vide les champs quand je decoche.

merci encore a vous

<script type="text/javascript">
    function fonction(chk)
    {    document.getElementById("r").value =
                document.getElementById("t").rows[chk.parentElement.parentElement.rowIndex].cells[0].innerText;
    document.getElementById("r1").value =
                document.getElementById("t").rows[chk.parentElement.parentElement.rowIndex].cells[1].innerText;
    document.getElementById("r2").value =
                document.getElementById("t").rows[chk.parentElement.parentElement.rowIndex].cells[2].innerText;
    document.getElementById("r3").value =
                document.getElementById("t").rows[chk.parentElement.parentElement.rowIndex].cells[3].innerText;
    document.getElementById("r4").value =
                document.getElementById("t").rows[chk.parentElement.parentElement.rowIndex].cells[4].innerText;
    document.getElementById("r5").value =
                document.getElementById("t").rows[chk.parentElement.parentElement.rowIndex].cells[5].innerText;
    document.getElementById("r6").value =
                document.getElementById("t").rows[chk.parentElement.parentElement.rowIndex].cells[6].innerText;
    }
</script>

</head>
...........................
while($sql3 = mysql_fetch_array($req3))
{
echo  "<TR><TD>".$sql3['code_B+']."</TD>";
echo  "<TD>".$sql3['T']."</TD>";
echo "<TD>".$sql3['designation_article']."</TD>";
echo "<TD>".$sql3['T5']."</TD>";
echo "<TD>".$sql3['D3E']."</TD>";
echo "<TD>".$sql3['Sorecop']."</TD>";
echo "<TD>".$sql3['Screlec']."</TD>";
echo '<td><input type="checkbox" name="checkbox" value='.$sql3['code_B+'].' onclick="fonction(this);"/> </TD></TR>';
}
mysql_close();
?>
  </table>
<div align="center">
  <label>
  <input name="textfield" type="text" id="r" size="10"/>
  </label>
  <label>
  <input name="textfield2" type="text" size="2" id="r1"/>
  </label>
  <label>
  <input name="textfield3" type="text" size="40" id="r2"/>
  </label>
  <label>
  <input name="textfield4" type="text" size="4" id="r3"/>
  </label>
  <label>
  <input name="textfield5" type="text" size="6" id="r4"/>
  </label>
  <label>
  <input name="textfield6" type="text" size="10" id="r5"/>
  </label>
  <label>
  <input name="textfield7" type="text" size="10" id="r6"/>
  </label>
  <label></label>
</div>

dimanche 23 mars 2008 à 00:50:15 | Re : case a cocher et traitement tableau

bubbledesavon

Réponse acceptée !

rebonsoir,
bon j'ai trouvé un moyen ,j'ai d'abord changer mais chekbox en radio pour n'avoir qu un choix unique,puis j'ai rajouté un bouton radio seul sans info,ce qui permet lorsque qu il est coché de renvoyer des valeurs nul.

merci encore de votre aide precieuse.

bubbledesavon



Cette discussion est classée dans : ligne, tableau, case, champs, cocher


Répondre à ce message

Sujets en rapport avec ce message

colorier une ligne d'un tableau si on coche une case à cocher [ par Dams91 ] Bonjour à tous!Je tiens tout d'abord à vous dire que je suis complètement noob en matière de javascript aussi j'aimerai faire un petit script mais je case à cocher et calcul dans form [ par rduvrac ] Bonjour, j'essaye un truc qui se complexe et je n'y arrive pas :-( Simplifié ça donne ça : J'ai un formulaire avec 2 cases à cocher, 3 champs texte textarea et lecture/remplacement d'une ligne [ par rangdalf ] Bonjour,Dans ma page HTML, j'ai 2 boutons:Un qui ajoute dynamiquement des lignes à un tableau avec un texte saisie et un bouton supprimer.Un autre qui Création d'un tableau [ par piep14 ] Bonjour, Voici ce que je recherche à faire. Un tableau avec deux colonnes (facile ) où je puisse saisir dans la verifier le contenu d'une cellule dans un tableau [ par oppossom ] bonjour tous je vais entrer directement dans le vif du sujet mon soucis est :est que la ligne et la cellule d'un tableau sont des objets javascript ?e désigner la case d'un tableau en JavaScript [ par debutant VB ] Bonjour,je débute en JavaScript, et voilà mon problème :ne sachant pas comment appeler une case d'un tableau dans le code en Javascript(document.nomfo Couleur ligne de tableau [ par jumano ] Bonjour,J'aimerais changé la couleur d'une ligne d'un tableau en fonction du résultat d'un jeux d'enregistrement en PHP.J'ai essayé d'intégrer du php comment récupérer la valeur d'une case à cocher de plusieurs pages [ par pimpouze ] Bonjour à tous :) Je voudrais récupérer la valeur d'une case à cocher qui est placer dans une balise form placée de plusieurs pages différentes. Le bu Un tableau plein de cases à cocher [ par azmeuk ] Alors voila ce que j'ai:< Case à cocher [ par sebalex ] Salut à tous,J'aimerais faire un truc simple pour vous mais très rude pour moi.J'ai 4 cases à cocher1. inscription2. société3. polo4. initiationJe sou


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,530 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales