Page 1 sur 1

Comment faire un form englobant plusieur form ?

Posté : 07 mai 2010, 18:19
par wwwbillgates
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>

Re: Comment faire un form englobant plusieur form ?

Posté : 07 mai 2010, 18:24
par Calimero
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.

Re: Comment faire un form englobant plusieur form ?

Posté : 08 mai 2010, 14:20
par wwwbillgates
arf! mince :( tampis, merci :wink: