Partager vos
astuces Bricolage
Posez votre question Signaler

Onclick et submit de form [Résolu/Fermé]

Christian - Dernière réponse le 25 avril 2011 à 20:30
Hy.

J'ai un problème de débutant !!!

Je souhaite utiliser des images perso comme bouton submit d'un formulaire.. En fait plusieur images dans le même formulaire qui renvoi une valeur de variable différente et qui execute l'action submit.

il semble que ce soit un truc du style :

<form name="form1" id="form1" method="post" action="index2.php">

<a href="javascript: OnClick=feuille="VALEUR1"; form1.submit();" border=0><img src="IMAGE1.gif"
width="155" height="15" border="0"></a>

<a href="javascript: OnClick=feuille="VALEUR2"; form1.submit();" border=0><img src="IMAGE2.gif"
width="155" height="15" border="0"></a>

</form>


Bien sur, cela ne marche pas...
Je sais faire ça avec PHP mais il semble qu'il y ai plus simple en JS.

Quelqu'un peut-il dire au bleu que je suis comment il faut faire...

D'avance, merci beaucoup.
Lire la suite 

Onclick et submit de form »

7 réponses
Réponse
+17
moins plus
Julien 1 nov. 2003 à 19:09
Salut !

<form name="form1" method="post" action="index2.php">

<input type="hidden" name="feuille" value="">

<a href="#" onclick="document.forms['form1'].feuille.value='VALEUR1';document.forms['form1'].submit();"><img src="IMAGE1.gif" width="155" height="15" border="0"></a>

<a href="#" onclick="document.forms['form1'].feuille.value='VALEUR2';document.forms['form1'].submit();"><img src="IMAGE1.gif" width="155" height="15" border="0"></a>

</form>

Julien
jordyelsenor - 10 nov. 2010 à 04:52
MErci beaucoup julien.
reda - 25 avril 2011 à 20:30
thank you so much !
Réponse
+7
moins plus
Julien 1 nov. 2003 à 19:19
<script language="javascript">
function fsubmit(value_p)
{
document.forms['form1'].feuille.value = value_p;
document.forms['form1'].submit();
}
</script>
<form name="form1" method="post" action="index2.php">

<input type="hidden" name="feuille" value="">

<a href="javascript:fsubmit('VALEUR1');">
<img src="IMAGE1.gif" width="155" height="15" border="0">
</a>

<a href="javascript:fsubmit('VALEUR2');">
<img src="IMAGE2.gif" width="155" height="15" border="0">
</a>

</form>
Christian - 1 nov. 2003 à 20:09
MERCI BEAUCOUP !
doum - 5 janv. 2004 à 18:05
Salut Julien.
Ton code:
<script language="javascript"> 
function fsubmit(value_p) 
{ 
document.forms['form1'].feuille.value = value_p; 
document.forms['form1'].submit(); 
} 
</script> 
<form name="form1" method="post" action="index2.php"> 

<input type="hidden" name="feuille" value=""> 

<a href="javascript:fsubmit('VALEUR1');"> 
<img src="IMAGE1.gif" width="155" height="15" border="0"> 
</a> 

<a href="javascript:fsubmit('VALEUR2');"> 
<img src="IMAGE2.gif" width="155" height="15" border="0"> 
</a> 

</form>
Est tres bon
Je l'ai adapter pour 2 variables et ca marche. 
 html>
<!-- Date de création: 01/01/2004 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<script language="javascript"> 
function fsubmit(value_p,value_q) 
{
document.forms['form1'].quantite.value = value_q; 
document.forms['form1'].prod_id.value = value_p; 
document.forms['form1'].submit(); 
} 

</script> 
</head>
<body>

<form name="form1" method="post" action="plusmoins.jsp"> 

<input type="hidden" name="prod_id" value=""> 
<input type="hidden" name="quantite" value="">

<a href="javascript:fsubmit('VALEUR1','1');"> 
<img src="images/template/plusmoins.gif" width="14" height="19" border="0" > 
</a> 

<a href="javascript:fsubmit('VALEUR2','2');"> 
<img src="images/template/plusmoins.gif" width="14" height="19" border="0" > 
</a>
 
<a href="javascript:fsubmit('VALEUR3','3');"> 
<img src="images/template/plusmoins.gif" width="14" height="19" border="0" > 
</a> 

<table border="0" summary="">
    <tr bgcolor="#FFFFFF">
					<td align="left"><table>
									   <tr>
										 <td><table>
										       <tr><td><A HREF="produit.htm" style="text-decoration: none; color: blue">COCA - <I>Mon Champ</I></a></td></tr>
											  </table></td></tr></table></td>
						
		            <TD align=center NOWRAP>
						<MAP name=1><AREA shape=RECT coords=0,11,20,22  href="javascript:fsubmit('VALEUR1','1');">
						                  <AREA shape=RECT coords=0,0,20,10 href="javascript:fsubmit('VALEUR2','2');"></MAP>
										  <INPUT class=bkInput2 maxLength=4 size=2 value=2 name=qte_1><IMG height="19" hspace="0" src="images/template/plusmoins.gif" width="14" align="absBottom" useMap="#1" border="0" ></TD>
                    <TD align="RIGHT" nowrap bgcolor="#E5E5E5"><div align="left" style="color: #006699; font-family: Times New Roman; font: bold 14px"> 2.60 € </div><div style="color: #BF6026; font-family: Times New Roman; font:bold  14px">1 705 CFA</div></TD>
 					<td align="center"><a href="#"><input style="FONT-SIZE: 10px; FONT-FAMILY: verdana" type="checkbox" onclick="" ></a></td>
					<td align="center"><input type="image" src="images/template/ok.gif" border="0" width="16" height="16" align="absbottom" alt="Cliquez ici pour mettre à jour une quantité ou supprimer un produit" ></td></tr>	
	  
</table>
</form>
</body>
</html>


Question Comment faire si j'ai plusieurs lignes. Quand je reprend ta logique sur deux lignes c juste les premiers variable qui sont pris en compte .
que faire
Merci
Réponse
+1
moins plus
silent_gamer 27Messages postés 24 octobre 2007Date d'inscription 24 sept. 2008 à 03:56
il faut changer le type du bouton de validation :

<input type="submit" value="Valider" />

et cava bien marcher

Posez votre question
Ce document intitulé « Onclick et submit de form » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Windows 8 - À quoi s'attendre ?