Onclick et submit de form
Résolu/Fermé
Christian
-
reda -
reda -
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.
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.
A voir également:
- Onclick et submit de form
- Triez cette liste par ordre alphabétique des villes et par note de la meilleure à la moins bonne. quel mot est formé par les 8 premières lettres de la colonne code ? ✓ - Forum Excel
- Blueberry pdf form filler - Télécharger - PDF
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : - Guide
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit les textes ne doivent pas être en retrait à droite et à gauche après ces modifications, sur quelle page se trouve le titre « la cheminée » dans le chapitre « informations diverses » ? ✓ - Forum Word
- Dummy form ✓ - Forum Virus
3 réponses
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
<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
MErci beaucoup julien.
reda
thank you so much !
<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>
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>
Salut Julien.
Ton code:
Je l'ai adapter pour 2 variables et ca marche.
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
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
