Bonjour à tous,

je suis actuellement sur le développement d'un projet et étant débutant en la matière j'ai un petit soucis (surement tout simple).

Je m'explique j'ai une page PHP qui m'affiche les données contenu dans ma base de données sous forme d'un tableau HTML.

Je voudrais pouvoir modifier les données contenues dans chaque ligne de ce tableau, pour ce faire j'ai créer un div qui est masquer et qui apparait seulement lorsque l'on clic sur un bouton.

Les champs de la ligne à modifier apparaissent au-dessus du tableau.


Le problème c'est que je ne sais pas comment faire pour pré-remplis les champs avec le contenue de la ligne que j'ai à modifier.

Je pense que je m'y prendre mal mais je ne voit pas comment faire.

Voici mon code :
Code html : 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
 <table id="donnees" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>ID</th>
                <th>Nom</th>
                <th>Prénom</th>
                <th>Adresse</th>
                <th>CP</th>
                <th>Ville</th>
                <th>Département</th>
                <th>État</th>
                <th></th>
                <th></th>
            </tr>
        </thead>
 
        <tbody>
            <?php
                while ($donnees =mysql_fetch_array($result)) {
            ?>
            <tr>
                <td><?php echo $donnees['PRA_ID'];?> </td>
                <td><?php echo $donnees['PRA_NOM'];?> </td>
                <td><?php echo $donnees['PRA_PRENOM'];?> </td>
                <td><?php echo $donnees['PRA_ADRESSE'];?> </td>
                <td><?php echo $donnees['PRA_CP'];?> </td>
                <td><?php echo $donnees['PRA_VILLE'];?> </td>
                <td><?php echo $donnees['PRA_REG_DEP'];?> </td>
                <td><?php echo $donnees['PRA_STATUT'];?></td>
                <td><a href="#" class="parametresBtn" ><img src="images/parametres.png" alt="Bouton Paramètres"></a></td>
                <td><a href="#" class="supprimerBtn" data-id="<?php echo $donnees['PRA_ID']; ?>" data-name=" <?php echo $donnees['PRA_NOM'] . ' ' . $donnees['PRA_PRENOM'];?>"><img src="images/supprimer.png" alt="Bouton Supprimer"></a></td>
            </tr>
 
            <div id="modification">
                    <input type="text" style="width : 50px; " value=" <?php echo $donnees['PRA_ID']; ?>" name="id_visiteur" readonly="readonly" onfocus="this.blur()">
                    <input type="text" style="width : 120px;" value="<?php echo $donnees['PRA_NOM'];?> ">
                    <input type="text" style="width : 120px;" value="<?php echo $donnees['PRA_PRENOM'];?> " >
                    <input type="text" style="width : 120px;" value="<?php echo $donnees['PRA_ADRESSE'];?> " >
                    <input type="text" style="width : 120px;" value="<?php echo $donnees['PRA_CP'];?> " >
                    <input type="text" style="width : 120px;" value="<?php echo $donnees['PRA_VILLE'];?> " >
                    <input type="text" style="width : 120px;" value="<?php echo $donnees['PRA_REG_DEP'];?> " >
                    <input type="text" style="width : 120px;" value="<?php echo $donnees['PRA_STATUT'];?> " >
                    <input type="submit" value="Enregistrer">
            </div>
 
            <?php
                }
            ?>
	    </tbody>
    </table>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
$(document).ready(function(){
    $('.parametresBtn').click(function(e){
        $('#modification').css ("display" , "block");
    });
});
J'arrive en effet à afficher ma div "modification" lorsque je clic sur l'image ayant pour class "parametreBtn" mais celle-ci se pré-rempli seulement avec les informations de la premières ligne du tableau.

Je ne parle ici pas du script de mise à jour, je veut dans un premier temps comprendre comment faire ceci :

Comment faire pour changer le contenu dynamiquement en fonction de la ligne sur laquelle je click ?

merci d'avance pour vôtre aide