IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

selection d'une ligne d'un tableau HTML


Sujet :

HTML

  1. #1
    Nouveau membre du Club
    Femme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mai 2012
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mai 2012
    Messages : 36
    Points : 28
    Points
    28
    Par défaut selection d'une ligne d'un tableau HTML
    Bonjour,

    Alors je remplis un tableau HTML grâce à du PHP voir ci dessous , je voudrais pouvoir sélectionner une ligne, c'est à dire récupérer la première colonne qui correspond à l'id et mettre la valeur de l'id dans un input.

    Donc déjà es ce possible ? Si oui en PHP ? En JavaScript ? Autre ?

    merci et désolée si je poste pas au bonne endrois je suis nouvelle !



    voila mon code :
    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    <div id="c_tableau">
    <div style="margin-left:40px"><table id="ct_tab" class="defaut_tab">
    <div style="margin-left:40px"><tr id="ctt_tr" class="defaut">
    <div style="margin-left:40px"><th id="ctt_th1" class="defaut">Id</th>
    <th id="ctt_th2" class="defaut">n26E</th>
    <th id="ctt_th3" class="defaut">nSerie</th>
    <th id="ctt_th4" class="defaut">hostname</th>
    <th id="ctt_th5" class="defaut">nom complet</th>
    <th id="ctt_th6" class="defaut">nature</th>
    <th id="ctt_th7" class="defaut">affectation</th>
    <th id="ctt_th8" class="defaut">utilisation</th>
    <th id="ctt_th9" class="defaut">site</th>
    <th id="ctt_th10" class="defaut">date de</br> livraison</th>
    <th id="ctt_th11" class="defaut">date de fin de</br> garantie</th>
    <th id="ctt_th12" class="defaut">date de fin de</br> maintenance</th>
    <th id="ctt_th13" class="defaut">comentaire</th></div></tr>
     
    <?php
    <div style="margin-left:40px">$nb = count($list);
    $nb--;
                                                    
    if ($nb == 0){
    <div style="margin-left:40px">echo ("<tr><td> Pas de résultats ! </td></tr>\n");</div>}
    else{
    <div style="margin-left:40px">for($i=0;$i<$nb;$i++){
    <div style="margin-left:40px">$id = $list[$i]['IdEquip'];
    $n26E = $list[$i]['n26E'];
    $nSerie = $list[$i]['nSerie'];
    $hostname = $list[$i]['hostname'];
    $nomComplet = $list[$i]['nomComplet'];
    $nature = $list[$i]['nature'];
    $affect = $list[$i]['affectation'];
    $util = $list[$i]['utilisation'];
    $site = $list[$i]['site'];
    $dateLivr = $list[$i]['dateLivraison'];
    $dateFmaint = $list[$i]['dateFmaint'];
    $dateFgar = $list[$i]['dateFgarantie'];
    $comm = $list[$i]['commentaire'];
                                                                    
    echo ("<tr class=\"defaut\">
    <div style="margin-left:40px"><td class=\"c1\">$id</td>
    <td class=\"c2\">$n26E</td>
    <td class=\"c1\">$nSerie</td>
    <td class=\"c2\">$hostname</td>
    <td class=\"c1\">$nomComplet</td>
    <td class=\"c2\">$nature</td>
    <td class=\"c1\">$affect</td>
    <td class=\"c2\">$util</td>
    <td class=\"c1\">$site</td>
    <td class=\"c2\">$dateLivr</td>
    <td class=\"c1\">$dateFmaint</td>
    <td class=\"c2\">$dateFgar</td>
    <td class=\"c1\">$comm</td></div></tr>\n");</div>}</div>}</div>?></div></table></div></div>

  2. #2
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Points : 8 040
    Points
    8 040
    Par défaut
    Bonjour,

    Si j'ai bien compris tu veux que lorsque l'on clique sur une ligne de ton tableau, l'ID de la ligne soit inscrit dans un champs de saisie d'un formulaire ?

    Par exemple :
    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
    <table>
    <tr>
        <th>ID</th>
        <th>Colonne 1</th>
        <th>Colonne 2</th>
        <th>Colonne 3</th>
        <th>Colonne 4</th>
        <th>Colonne 5</th>
    </tr>
    <tr onclick="document.getElementById('id_input').value = '1';">
        <th>1</th>
        <th>blabla 1</th>
        <th>blabla 2</th>
        <th>blabla 3</th>
        <th>blabla 4</th>
        <th>blabla 5</th>
    </tr>
    </table>
     
    <form action="" method="post">
        <input type="text" name="id_input" id="id_input" />
    </form>
    C'est du javascript avec l'évènement onclick() placé sur la balise <tr></tr>, donc la ligne en cours.

  3. #3
    Nouveau membre du Club
    Femme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mai 2012
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mai 2012
    Messages : 36
    Points : 28
    Points
    28
    Par défaut
    d'accord merci !

    et sinon es-ce possible de faire afficher la valeur de la première colonne, car la dans le cas montré ca renvoi la valeur mise dans 'value'.
    alors j'ai essayé de mettre en référence l'id de ma balise <th></th> mais ca me renvoi pas le nombre dans ma case mais l'id de la case ^^

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. supprimer une ligne d'un tableau html par double click
    Par s.rais dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 06/10/2013, 11h30
  2. Ajouter une ligne dans un tableau HTML
    Par grialat dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/04/2013, 16h11
  3. Réponses: 1
    Dernier message: 18/12/2009, 20h43
  4. [HTML] Sélectionner une ligne dans un tableau en html
    Par jehlg dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 16/06/2008, 11h55
  5. selection d'une ligne dans un tableau en html
    Par jehlg dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 08/02/2006, 23h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo