Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Onclick et submit de form

Christian, le samedi 1 novembre 2003 à 01:28:04
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.
Répondre à Christian  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Julien, le samedi 1 novembre 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

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Julien, le samedi 1 novembre 2003 à 19:19:45
<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>
Répondre à Julien

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Christian, le samedi 1 novembre 2003 à 20:09:26
MERCI BEAUCOUP !
Répondre à Christian

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
doum, le lundi 5 janvier 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

5


  • 2
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
tom@, le vendredi 14 avril 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@

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
pausg, le mardi 22 juillet 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

7


  • 2
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
 silent_gamer, le mercredi 24 septembre 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
Bouton submit et onclick (Résolu) Bonjour, Voila jai un petit problème J'ai une page php avec un formulaire, jusque la tout va bien. Il s'avere que pour envoyer ce formulaire dans ma base j 'ai un bouton en bas, par consequent ce bouton et de type submit. Je voudrais... www.commentcamarche.net/forum/affich-7463081-bouton-submit-et-onclick
[Formulaire] Problème de 2 submit (Résolu) Bonjour, Je suis en train de créer un formulaire pour poster un article mais aussi une image : Le problème c'est que j'ai un conflit avec 2 submit, je sais que c'est impossible d'en mettre dans un seul formulaire, c'est... www.commentcamarche.net/forum/affich-3077723-formulaire-probleme-de-2-submit
Lancer 2 fonctions dans un onclick (Résolu) Bonjour, Voici le script : function alerte(action) { windows.alert('Etes-vous sur de vouloir supprimer l\'ensemble des utilisateurs ?'); } function checkAllInput(form, action) { var i =... www.commentcamarche.net/forum/affich-6380071-lancer-2-fonctions-dans-un-onclick
[Vidéo] Conversion de formats vidéosIl existe un grand nombre de formats vidéo, ayant chacun leur spécificité. Néanmoins, les lecteurs vidéo ne sont pas tous capables de lire les différents formats, c'est notamment le cas des lecteurs vidéo embarqués tels que les lecteurs MP4. Pour y... www.commentcamarche.net/faq/sujet-380-video-conversion-de-formats-videos
[Audio] Conversion d'un fichier au format WMA en MP3Pour convertir un fichier audio au format WMA en MP3, il suffit d'utiliser un logiciel de conversion tel que l'un des suivants : Free Mp3 Wma Converter dBpower-AMP Music Converter (DMC) MediaCoder GX::Transcoder Par ailleurs, il est à... www.commentcamarche.net/faq/sujet-2450-audio-conversion-d-un-fichier-au-format-wma-en-mp3
Convertir un fichier WAV, AVI, MPEG vers le format 3GP / 3GPPPour convertir un fichier WAV, AVI, MPEG ou MP3 au format 3GP, il suffit d'utiliser l'un des logiciels suivants : Mobile 3GP Converter MediaCoder Super On peut aussi utiliser un convertisseur en ligne tel que : Media Convert www.commentcamarche.net/faq/sujet-2470-convertir-un-fichier-wav-avi-mpeg-vers-le-format-3gp-3gpp
Changer un bouton submit en lien en php (Résolu)Bonjour à tous, J'ai une question qui me torture l'esprit depuis hier: Je suis en train de construire un forum en php sur lequel il y aurait plusieurs sujets. Ces mêmes sujets sont associés à un numéro et à plusieurs commentaires, tous... www.commentcamarche.net/forum/affich-8460419-changer-un-bouton-submit-en-lien-en-php
Fonction onchange sur une liste deroulante my (Résolu)Bonjour, je cherche comment utiliser la fonction on change avec une liste deroulante qui me liste une table d'une base mysql. je m'explique le liste les données n_serveur et je souhaiterai quand je selectionne une des donnees... www.commentcamarche.net/forum/affich-2800630-fonction-onchange-sur-une-liste-deroulante-my
Reset formulaire multiple php apres submit (Résolu)Bonjour a tous ! j'ai creé un formulaire a choix multiple en php et mon probleme est que lorsque je le submit (je travail sur la meme page) le formulaire se reset et donc le choix precedent est perdu. PS: j'arrive a stocker le choix dans une... www.commentcamarche.net/forum/affich-3354528-reset-formulaire-multiple-php-apres-submit
Télécharger HP USB Disk Storage Format ToolHP USB Disk Storage Format Tool est un petit utilitaire permettant de formater une clé USB ou un lecteur MP4. Il permet également d'en faire une clé amorçable (bootable). Ce logiciel fonctionne avec toutes les clés et lecteurs MP4 du... www.commentcamarche.net/telecharger/telecharger-3673527-hp-usb-disk-storage-format-tool
Télécharger Switch Sound Format ConverterSwitchest un convertisseur de formats audio pour Windows ou Mac, capable de convertir des fichiers audio à partir de différents formats en MP3 ou en WAV, notamment WAV en MP3, MP3 en WAV, WMA en MP3, MP3 vers WAM, etc. Ajoutez les fichiers à... www.commentcamarche.net/telecharger/telecharger-233-switch-sound-format-converter
Télécharger HDD Low Level Format ToolC'est une application gratuite de gestionnaire de disque dur. Il est rapide et facile à utiliser. Il permet de formater et de partitionner les disques y compris les flashs. Il supporte les disques : : SATA, IDE, S-ATA (SATA), IDE (E-IDE), SCSI, USB,... www.commentcamarche.net/telecharger/telecharger-34056732-hdd-low-level-format-tool
ASUS Rampage FormulaFormat:ATX, Type de processeur:Intel Core2 Quad/Core2 Extreme/Core2 Duo/Pentium D/4, Nombre de processeurs supportés:1, Socket:Socket 775, Vitesse du FSB:1600 MHz, Chipset:Intel X48 / Intel ICH9R, Type de mémoire:DDR2 RAM, Supports DIMM:4, Supports... www.commentcamarche.net/guide-achat/asus-rampage-formula-1083709-fiche-technique
Les formulaires HTMLIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains... www.commentcamarche.net/contents/html/htmlform.php3
Le format MKV (Matroska Video)Le format MKV Le format MKV (Matroska Video) est un format vidéo entièrement libre. Plus exactement il s'agit d'un conteneur (d'où le nom Matroska, en référence aux poupées russes) permettant de contenir de la vidéo (DivX, Xvid,RV9, etc.), du son... www.commentcamarche.net/contents/video/mkv-matroska.php3
Formatage - Formater un disque durAvant de vouloir comprendre ce qu'est le formatage, il est essentiel de connaître le fonctionnement d'un disque dur. Beaucoup de personne ne distinguent pas le formatage de bas niveau (appelé aussi formatage physique) et le formatage de haut... www.commentcamarche.net/contents/repar/format.php3