tableau a taille variable et bouton

Version imprimable

03/12/2012, 17h12
stefano

tableau a taille variable et bouton

bonjour a tous,

J'aurai besoin de vos conseils et astuces pour m'aider à résoudre un problème.

Voila la situation.
Dans une base MySQL j'ai des enregistrements concernant des personnes avec des enfants.
Avec une requête je rempli un tableau que j'affiche à l'écran et au bout de chaque ligne de tableau j'ai un bouton pour modifier.

|nom|prenom|btn|
|nom|prenom|btn|

Je peux avoir 1 ligne comme 3 ou 4 dans ce tableau, tout dépends du nombre d'enfants qu'à la personne.

c'est dans ce style là mais avec les boutons cliquables pour vous donner une idée

L'action associer à ce bouton m'ouvre une formulaire dans une fenêtre modale

Je cherche un moyen pour afficher les infos de l'enfant correspondant à la ligne du bouton.

Pouvez vous m'aider s'il vous plait, merci par avance pour toute l'aide que vous pourrez m'apporter.
03/12/2012, 19h00
Benjamin Delespierre

Je fais régulièrement ce genre de truc. La façon dont je m'y prends en général c'est de mettre des icônes (voir, modifier, supprimer) en regard de chaque ligne du tableau. Ces icônes sont dans des ancres qui pointent vers les pages respectives, par exemple: href="/mon-site/admin/article/edit?id=1".

Ensuite, il ne me reste plus qu'a ajouter un peu d'Ajax avec jQuery et jQuery ui pour que le clic déclenche le chargement de la page pointée par le lien dans une modale, ce qui se fait assez simplement avec $.modal et $.load ;)

Salut ; oui avec des icones sa ferait l'affaire voila un exemple des images de type PNG que j'utilises dans mon projet pédagogique.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
......
// entête du tableau
<th colspan="2">60 et plus</th>
<th rowspan="2"><img src="../image/modif.png">Modifier</th> // pour modifier
<th rowspan="2"><img src="../image/supr.png">Supprimer</th> // pour supprimer
// ligne d'enregistrement avec modification 
<td><?php if (!empty ($list['com'])) {echo $list['com'];} else echo '------'; 	?></td>
<td><form method="post" action="modif.php">
<input type="hidden" name="cdec" value="<?php if(!empty($list['cdec'])){echo $list['cdec'];}else echo '-1'; ?>" />
<input type="image" src="../image/modif.png" alt="Modifier" name="mod_img">
</form> 
</td>

pour les icones fait appel a :google:
bonne utilisation