Comment faire un form englobant plusieur form ?

par **wwwbillgates** » 08 mai 2010, 14:20

arf! mince

tampis, merci

par **Calimero** » 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.

par **wwwbillgates** » 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

<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>

Comment faire un form englobant plusieur form ?

Répondre

Étendre la vue Revue du sujet : Comment faire un form englobant plusieur form ?

Re: Comment faire un form englobant plusieur form ?

Re: Comment faire un form englobant plusieur form ?

Comment faire un form englobant plusieur form ?