[RESOLU]formulaires imbriqués dans un tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU]formulaires imbriqués dans un tableau

kewan

:hello: tout le forum.

J'ai besoin de votre aide.

Je voudrais créer ce tableau :

Si l'utilisateur clic sur le bouton 1 : ouverture d'un nouvel onglet, de la page x, qui affiche les caractéristiques du TP N°1
Si l'utilisateur clic sur le bouton R2 : ouverture d'un nouvel onglet, de la page x, qui affiche les caractéristiques du TP requis R2

Si l'utilisateur clic sur le bouton 3 : ouverture d'un nouvel onglet, de la page x, qui affiche les caractéristiques du TP N°3
Si l'utilisateur clic sur le bouton R4 : ouverture d'un nouvel onglet, de la page x, qui affiche les caractéristiques du TP requis R4

Si l'utilisateur clic sur le bouton Modifier les autorisations : envoie du formulaire, dans la page en cours qui modifie les autorisations.

Problème de mon code les formulaires sont imbriquées.
Le bouton 1 ne fonctionne pas il envoie vers la page en cours.
Les bouton R2, 3, R4 fonctionnent.

Voilà mon code (je l'ai simplifié, en réalité chaque ligne de TP est généré par une boucle php)

Code :

<form method="post">
<table>
<tbody>
<tr>
<th>N° du TP</th>
<th>TP requis</th>
<th>Autorisation</th>
</tr>
<tr>
<td>
<form action="pageX.php" target="_blank" method="post">
<input type="submit" value="1" name="idTp"/>
</form>
</td>
<td>
<form action="pageX.php" target="_blank" method="post">
<input type="submit" value="R2" name="idTp"/>
</form>
</td>
<td>
<input type="radio" name="autorisation_1" value="1" id="o1"/><label for="o1">Oui</label><br>
<input type="radio" name="autorisation_1" value="0" id="n1"/><label for="n1">Non</label>
</td>
</tr>
<tr>
<td>
<form action="pageX.php" target="_blank" method="post">
<input type="submit" value="3" name="idTp"/>
</form>
</td>
<td>
<form action="pageX.php" target="_blank" method="post">
<input type="submit" value="R4" name="idTp"/>
</form>
</td>
<td>
<input type="radio" name="autorisation_2" value="1" id="o2"/><label for="o2">Oui</label><br>
<input type="radio" name="autorisation_2" value="0" id="n2"/><label for="n2">Non</label>
</td>
</tr>
</tbody>
</table>
<input type="submit" value="Modifier les autorisations" name="modifierAutorisation"/>
</form>

Comment faire pour réaliser ce tableau sans imbriquer les formulaires et en gardant qu'un seul bouton Modifier les autorisations ?

Merci pour votre aide.

Message édité par kewan le 06-09-2020 à 09:22:12

Publicité

MaybeEijOrNot

but someone at least

Bonjour,

Pourquoi faire un formulaire pour l'ouverture des TPs ? Pourquoi ne pas juste faire des liens directement vers les TPs ou au pire un lien qui va utiliser la méthode GET pour réclamer le bon TP ?
Tu peux donner des id à tes formulaire et ainsi lier tes inputs à l'id du formulaire souhaité.

Message cité 1 fois

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

kewan

MaybeEijOrNot a écrit :

Bonjour,

Pourquoi ne pas juste faire des liens directement vers les TPs

Je ne peux pas faire de lien directement, je n'ai pas de page pour chacun des TP.
Lors de l'envoie du formulaire vers la page X, elle va rechercher les caractéristiques du TP dans une base mysql, en fonction de la valeur de la variable POST idTp envoyée, puis affiche les caractéristiques du bon TP

MaybeEijOrNot a écrit :

Tu peux donner des id à tes formulaire et ainsi lier tes inputs à l'id du formulaire souhaité.

Je ne sais pas comment faire ça. Aurais-tu un exemple ?

Merci.

Message cité 1 fois

MaybeEijOrNot

but someone at least

kewan a écrit :

Dans ce cas là, considérer la seconde partie du message par la méthode GET qui va permettre d'effectuer la même requête au travers de l'url.

kewan a écrit :

Je ne sais pas comment faire ça. Aurais-tu un exemple ?

Merci.

Code :

<form action="http://www.google.fr" method="POST" id="form1"></form>
<form action="http://www.hardware.fr" method="POST" id="form2"></form>
<input type="submit" value="Submit form #2" form="form2">
<input type="submit" value="Submit form #1" form="form1">

Message cité 1 fois
Message édité par MaybeEijOrNot le 05-09-2020 à 12:21:20

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

kewan

MaybeEijOrNot a écrit :

Code :

<form action="http://www.google.fr" method="POST" id="form1"></form>
<form action="http://www.hardware.fr" method="POST" id="form2"></form>
<input type="submit" value="Submit form #2" form="form2">
<input type="submit" value="Submit form #1" form="form1">

Top :jap: , je ne connaissait pas cette méthode, merci.

Code :

<form method="POST" id="form1"></form>
<form method="POST" action="x" id="form2" target="_blank"></form>
<table class="tb1">
<tbody>
<tr>
<th>N° du TP</th>
<th>TP requis</th>
<th>Autorisation</th>
</tr>
<tr>
<td>
<input type="submit" value="1" name="idTp" form="form2"/>
</td>
<td>
<input type="submit" value="R2" name="idTp" form="form2"/>
</td>
<td>
<input type="radio" name="autorisation_1" value="1" form="form1" id="o1"/><label for="o1">Oui</label><br>
<input type="radio" name="autorisation_1" value="0" form="form1" id="n1"/><label for="n1">Non</label>
</td>
</tr>
<tr>
<td>
<input type="submit" value="3" name="idTp" form="form2"/>
</td>
<td>
<input type="submit" value="R4" name="idTp" form="form2"/>
</td>
<td>
<input type="radio" name="autorisation_2" value="1" form="form1" id="o2"/><label for="o2">Oui</label><br>
<input type="radio" name="autorisation_2" value="0" form="form1" id="n2"/><label for="n2">Non</label>
</td>
</tr>
</tbody>
</table>
<input type="submit" value="Modifier les autorisations" name="modifierAutorisation" form="form1"/>

J'ai trouvé cette solution en parcourant le net :

Dans ma balise form j'ai mis action="x.php" target="_blank" pour les boutons des TP

Pour le bouton Modifier les autorisations : formaction="" formtarget="" pour prendre le pas sur la balise form est envoyer le formulaire sur la page en cours.

Code :

<form method="post" action="x.php" target="_blank">
<table class="tb1">
<tbody>
<tr>
<th>N° du TP</th>
<th>TP requis</th>
<th>Autorisation</th>
</tr>
<tr>
<td>
<input type="submit" value="1" name="idTp"/>
</td>
<td>
<input type="submit" value="R2" name="idTp"/>
</td>
<td>
<input type="radio" name="autorisation_1" value="1" id="o1"/><label for="o1">Oui</label><br>
<input type="radio" name="autorisation_1" value="0" id="n1"/><label for="n1">Non</label>
</td>
</tr>
<tr>
<td>
<input type="submit" value="3" name="idTp"/>
</td>
<td>
<input type="submit" value="R4" name="idTp"/>
</td>
<td>
<input type="radio" name="autorisation_2" value="1" id="o2"/><label for="o2">Oui</label><br>
<input type="radio" name="autorisation_2" value="0" id="n2"/><label for="n2">Non</label>
</td>
</tr>
</tbody>
</table>
<input type="submit" value="Modifier les autorisations" name="modifierAutorisation" formaction="" formtarget=""/>
</form>

Qu'en pensez vous ?

Message édité par kewan le 05-09-2020 à 15:11:56

MaybeEijOrNot

but someone at least

Oui c'est aussi bien par rapport au form id, mais je pense qu'en même que le formulaire sous cette forme n'est pas vraiment approprié au chargement des TPs. En effet, on a là des boutons d'actions et non vraiment un formulaire. De plus, la méthode GET permet à l'utilisateur de ne pas utiliser le formulaire, très utile par exemple pour partager un lien vers le TP.

Pour faire simple, avec la méthode GET, les données se trouvent dans le lien, ex : http://www.example.com/pageX.php?donnees1=mes_donnees1&donnees2=mes_donnees2
Et derrière le fichier PHP peut récupérer les données et afficher le bon TP.

EDIT : et évidemment avec un peu de CSS on peut déguiser notre lien de manière à créer un bouton.
EDIT2 : https://codepen.io/Perrier_ChouFleur/pen/BaKJyJy (version avec un peu de Javascript pour chipoter)

Message édité par MaybeEijOrNot le 05-09-2020 à 15:23:04

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

kewan

Top, merci pour tes réponses :jap:

FORUM HardWare.fr

Programmation

HTML/CSS

[RESOLU]formulaires imbriqués dans un tableau

Sujets relatifs
Envoie et réception d'un tableau d'entier(socket	Récupérer résultat d'une réquête dans un tableau en shell (ksh)
Mapping d'un tableau en fonction de valeurs déjà filtrées	Interface Swing à partir d'un tableau 2D
Macro pour copier un tableau avec mot cle de word vers excel et dispat	[PHP] Remplacer des mots dans une string par des valeurs d'un tableau
Exercice de tableau basique en C URGENT !	résolu
tableau de présence avec compteur	[PHP] Garder uniquement les enregistrements présents dans un tableau
Plus de sujets relatifs à : [RESOLU]formulaires imbriqués dans un tableau

Page générée en 0.113 secondes