Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Programmation

Onclick et submit de form

Dernière réponse le 13 oct 2009 à 05:17:02 Christian, le 1 nov 2003 à 01:28:04

Signaler ce message aux modérateurs

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.

Meilleures réponses pour « Onclick et submit de form » dans :

[javascript] document.form.submit(); Voir

[JavaScript] simuler un SUBMIT avec un lien Voir

Bouton image et bouton submit Voir

Fonction onchange sur une liste deroulante my (Résolu) Voir

Formulaire avec champs obligatoires en php (Résolu) Voir

Probleme Javascript avec IE7 Voir

Télécharger Order Form Voir

Télécharger Form Pilot Pro Voir

Télécharger Easy-Form-Printery Voir

Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...

PHP - Récupération de données VoirPHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Création d'un formulaire Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des...

Posez votre question Répondre

Julien, le 1 nov 2003 à 19:09:34

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

Répondre à Julien

Julien, le 1 nov 2003 à 19:19:45

Répondre à Julien

Christian, le 1 nov 2003 à 20:09:26

MERCI BEAUCOUP !

Répondre à Christian

doum, le 5 jan 2004 à 18:05:14

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épondre à doum

tom@, le 14 avr 2006 à 21:45:15

Salut,

comment appliquer cette methode avec plusieures <input type="text" name="Nom[]"> ?

Je viens de faire un test. Et, j' ai une erreur de syntaxe avec

<a href="#" onClick="document.supprimer.supp[].value='VALEUR1';document.supprimer.submit();">Supp</a>

Je penses que c'est du aux crochets dans le nom des champs...

A+

Tom@

Répondre à tom@

pausg, le 22 jui 2008 à 16:09:47

Bonjour,

je suis débutante en php, et je me retrouve confrontée a un problème pour faire marcher un submit.
J'ai pour l'instant une page d'accueil ou l'utilisateur doit entrer son mot de passe et son login puis cliquer sur valider. Mon code est le suivant:

<div class="loginGroupBox">
<span class="title"> Identification </span>
<div class="content">
<label for="login">Nom d'utilisateur : </label><input id="login" type="text" maxlength="255" />
<br />
<label for="passwd">Mot de passe : </label><input id="passwd" type="password" maxlength="255" />
<br />
</div>
<div class="foot">
<input type="button" value="Valider" onclick="executeScript('<?php echo $url_path; ?>webservices/identification.php', 'action=login&md5=on&login=' + $('login').value + '&password=' + md5($('passwd').value), returnToIndex);" />
</div>
</div>

Je voudrais le modifier pour que l'utilisateur puisse taper sur entrer pour valider son formulaire. Malgré les differents tuto, je ne comprends pas tres bien ou mettre le "executeScript" en utilisant un submit. Pourriez vous m'aider ?

Merci d'avance a tous.

Répondre à pausg

silent_gamer, le 24 sep 2008 à 03:56:58

Il faut changer le type du bouton de validation :

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

et cava bien marcher

void main()
{printf(" HelloWorld \n"):

Répondre à silent_gamer

slackers17, le 13 oct 2009 à 05:17:02

Bonjour je veux crée un script en forme de bot qui remplis automatiquement un formulaire
comme : http://allosky.com/index.php la destination un formulaire de commentaire skyrock
quelqu'un peux m'aider a obtenir le script s'il vous plait ?

Répondre à slackers17

Posez votre question Répondre