Comment faire un form englobant plusieur form ?

Eléphant du PHP | 218 Messages

07 mai 2010, 18:19

Bonjour à tous, ce que j'aimerais faire ca serait un form englobant plusieur form. Je m'explique, j'ai 3 upload d'image les uns à coté des autres et d'autres champ texte. Voila un tit exemple de mon code car c'est pas évident à expliquer :D
<form method="post" action="../../templates/pages/etape4_supports.php" name="FORMULAIRE" onsubmit="return validation();">



<p>
	<label for="texte1"><strong>Texte 1 :</strong><br /></label> <input type="text" size="60" maxlength="300" name="texte1" id="texte1" /> (optionnel)<br />
ex : Meilleur pêcheur de l'année !
</p>

<p>
	<label for="texte2"><strong>Texte 2 :</strong><br /></label> <input type="text" size="60" maxlength="300" name="texte2" id="texte2" /> (optionnel)<br />
ex : Tous ses collègues lui souhaitent une bonne retraite.	   
</p>



<!---- Upload photo_1 ---->
<form method="post" id="form_1" enctype="multipart/form-data" action="#">
	<div class="miniature_photo" >
		<?php affichage_miniature('photo_1'); ?>
		<div class="parcourirdiv" ><img class="parcourirdiv" src="../../interface/bt_parcourir.gif" id="imgparc1<?php echo $nombre_de_lignes ?>" /><input type="file" class="parcourir" onchange="document.getElementById('form_1').submit()" name="photo_1" OnMouseOver="imgparc1<?php echo $nombre_de_lignes ?>.src='../../interface/bt_parcourir_push.gif';" OnMouseOut="imgparc1<?php echo $nombre_de_lignes ?>.src='../../interface/bt_parcourir.gif';" /></div>
		<noscript><input  type="submit" value="Envoyer"></noscript>
		<input type="hidden" name="photo" value="photo_1" />
</form>
<!---- Supprimer photo_1 ---->
<form method="post" action="#">
		<input type="image" class="supprimer" src="../../interface/bt_supprimerphoto.gif" onmouseover="this.src='../../interface/bt_supprimerphoto_push.gif'" onmouseout="this.src='../../interface/bt_supprimerphoto.gif'" />
		<input type="hidden" name="supprimer_photo" value="photo_1" />
	</div>
</form>




<!---- Upload photo_2 ---->
<form method="post" id="form_2" enctype="multipart/form-data" action="#">
	<div class="miniature_photo" >
		<?php affichage_miniature('photo_2'); ?>
		<div class="parcourirdiv" ><img class="parcourirdiv" src="../../interface/bt_parcourir.gif" id="imgparc2<?php echo $nombre_de_lignes ?>" /><input type="file" class="parcourir" onchange="document.getElementById('form_2').submit()" name="photo_2" OnMouseOver="imgparc2<?php echo $nombre_de_lignes ?>.src='../../interface/bt_parcourir_push.gif';" OnMouseOut="imgparc2<?php echo $nombre_de_lignes ?>.src='../../interface/bt_parcourir.gif';" /></div>
		<noscript><input  type="submit" value="Envoyer"></noscript>
		<input type="hidden" name="photo" value="photo_2" />
</form>	
<!---- Supprimer photo_2 ---->
<form method="post" action="#">
		<input type="image" class="supprimer" src="../../interface/bt_supprimerphoto.gif" onmouseover="this.src='../../interface/bt_supprimerphoto_push.gif'" onmouseout="this.src='../../interface/bt_supprimerphoto.gif'" />
		<input type="hidden" name="supprimer_photo" value="photo_2" />
	</div>
</form>




<!---- Upload photo_3 ---->
<form method="post" id="form_3" enctype="multipart/form-data" action="#">	
	<div class="miniature_photo" >
		<?php affichage_miniature('photo_3'); ?>
		<div class="parcourirdiv" ><img class="parcourirdiv" src="../../interface/bt_parcourir.gif" id="imgparc3<?php echo $nombre_de_lignes ?>" /><input type="file" class="parcourir" onchange="document.getElementById('form_3').submit()" name="photo_3" OnMouseOver="imgparc3<?php echo $nombre_de_lignes ?>.src='../../interface/bt_parcourir_push.gif';" OnMouseOut="imgparc3<?php echo $nombre_de_lignes ?>.src='../../interface/bt_parcourir.gif';" /></div>
		<noscript><input  type="submit" value="Envoyer"></noscript>
		<input type="hidden" name="photo" value="photo_3" />
</form>	
<!---- Supprimer photo_2 ---->
<form method="post" action="#">
		<input type="image" class="supprimer" src="../../interface/bt_supprimerphoto.gif" onmouseover="this.src='../../interface/bt_supprimerphoto_push.gif'" onmouseout="this.src='../../interface/bt_supprimerphoto.gif'" />
		<input type="hidden" name="supprimer_photo" value="photo_3" />
	</div>
</form>		

<p>
	<a href="../../templates/pages/etape4_supports.php" onmouseover="continuer.src = '../../interface/bt_continueror_push.gif';" onmouseout="continuer.src = '../../interface/bt_continueror.gif';"><img class="bouton_continuer" src="../../interface/bt_continueror.gif" name="continuer" ></a>
</p
</form>
Cadeaux personnalisés pour toute la famille :
https://cadeauxplaisir.com/

ViPHP
ViPHP | 2287 Messages

07 mai 2010, 18:24

Réponse très simple : on fait pas, on fait un seul form ;)

Tu peux te débrouiller en CSS pour avoir plusieurs forms dans ta page web placés comme tu veux, mais le html ne te permet pas d'avoir des balises form parentes les unes des autres.
if(!@work()){ Nespresso(); } else { what(); }
______________________________

Eléphant du PHP | 218 Messages

08 mai 2010, 14:20

arf! mince :( tampis, merci :wink:
Cadeaux personnalisés pour toute la famille :
https://cadeauxplaisir.com/