[Debutant] Boutons Image et Formulaire

Version imprimable

Bonjour,

J'ai un souci avec une page html.
Sur une page j'ai:
- Un formulaire contenant:
- 2 input texte
- 2 input image (j'insiste puisque le résultat n'est pas le même avec des inputs bouton)

Lorsque je valide l'un de mes input textes avec la touche ENTREE, l'action entraine directement un evenement onClick sur le premier input image déclaré. Or je voudrais que la touche Entree ne fasse que valider mon champ texte et non pas lancer l'evenement OnClick d'un des boutons du formulaire.(EDIT: j'avais oublié de préciser cette dernière phrase dans ma première édition du message)
Mettant basé sur la page suivante:
http://javascript.developpez.com/faq...bjs#BoutSubmit

Je pensais avoir trouvé de quoi contourné le problème.
Pour info, j'ai réduit le problème à sa plus simple expression dont voici le code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html> <head> <title> </title> </head> <body> <form name="formulaire" onsubmit="return false;"> <strong>Champ 1 : </strong> <input type="text" /> <strong>Champ 2 : </strong> <input type="text"/> <input type="image" src="image1.gif" onclick="alert('image1')"/> <input type="image" src="image2.gif" onclick="alert('image2')"/> </form> </body> </html>
Y'a-t-il une solution à ce problème?
Merci d'avance

09/05/2006, 09h50
franculo_caoulene

Salut,

Solution à quel problème??? J'ai pas bien compris.
09/05/2006, 09h54
Carlito_superheros

Pardon, j'ai pas exposé mon problème :?
Je voudrais que la touche Entrée ne fasse que valider mon input texte et non pas lancer l'evenement OnClick d'un des boutons.
09/05/2006, 10h25
Carlito_superheros

une piste pourrait être de savoir quelles sont les différences entre le type "image" et le type "button" d'un input, et quels sont les évenements gérer par l'un qui ne l'est pas par l'autre...
09/05/2006, 10h37
SpaceFrog

les inpouts image et submit ont le même comportement en ce qui concerne les formulaire, c'est à dire que leur présence sur le formulaire induit à la touche entrée le focntion de soumettre le formulaire ...

J'ai une question complémentaire ...

je ne pige pas trop l'ergonomie du truc ...
ils servent à quoi les inputs image ?
tu as besoin ou pas de soumettre le formulaire?
09/05/2006, 14h29
Carlito_superheros

C'est exactement ce que je me suis dit en postant mon message précédent.
Du coup, j'ai viré les balises <form> dont je ne vois plus l'interêt.
Je pense que l'on peut considérer ce sujet comme clos.
La question est:
Quel est l'interêt d'utiliser un formulaire si l'on veut mettre plusieurs boutons dans ce même formulaire?
09/05/2006, 14h32
Swoög

Citation:

Envoyé par Carlito_superheros

Quel est l'interêt d'utiliser un formulaire si l'on veut mettre plusieurs boutons dans ce même formulaire?

Chaque bouton correspond à une action différente, mais les données sont les même (celles du formulaire)
09/05/2006, 14h34
Carlito_superheros

Oui mais si l'on appuie sur Entree, il est impossible de choisir le bouton?
09/05/2006, 14h41
SpaceFrog

ben n'utilises pas de bouton submit ...
mets des inputs type button et utilises leur onclick ...
09/05/2006, 14h44
Carlito_superheros

Le problème, c'est que je n'ai pas le choix du type d'input, et c'est la que ca coince!
Bon, je vais essayer de contourner le problème.
Merci pour vos conseils!:mouarf:
09/05/2006, 14h54
SpaceFrog

comment ça pas le chois du type d'input ???

sinon gere la soumission ou non du form dasn le onsublit avec un flag boolean ..
09/05/2006, 15h20
Carlito_superheros

J'ai pas le choix parce que le client veut des jolis boutons avec des images :mrgreen:
Donc, moi je lui en mets (pas contrariant ;)).
Mais je vais me pencher sur le onSubmit, mais d'après mes tests, les evenement OnClick sont déclenchés avant le onSubmit...
09/05/2006, 16h17
cerede2000

Citation:

Envoyé par SpaceFrog

comment ça pas le chois du type d'input ???

sinon gere la soumission ou non du form dasn le onsublit avec un flag boolean ..

Tu entendai quoi par la?
onsubmit avec flag boolean?
Ca m'interesse :) surtout la notion de flag bool avec le onsubmit.
09/05/2006, 21h41
SpaceFrog

ben mets tout simplement une image puisque c'est ce que veut le client et gère le curseur et le onclick de l'image ...
mais préviens ton client que tu devras insérer des balsies noscriopt pour les paranos qui désactivent javascript...

à moi de mettre tes images de boutons dasn des balises a

Merci pour le dernier post, j'aurais du y penser avant!!
Voici mon code avec image et non plus input image:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<html>
  <head>
    <title>
    </title>
  </head>
  <body>
    <form name="formulaire" onsubmit="return false;">
      <strong>Champ 1 : </strong>
      <input type="text" />
      <strong>Champ 2 : </strong>
      <input type="text"/>
      <a href="javascript:alert('image1');" ><img src="image1.gif" border=0"/></a>
      <a href="javascript:alert('image2');" ><img src="image2.gif" border=0"/></a>
      <!--<input type="image" src="image1.gif" onclick="alert('image1')"/>
      <input type="image" src="image2.gif" onclick="alert('image2')"/>-->
    </form>
  </body>
</html>
      <a href="javascript:alert('image2');" ><img src="image2.gif" border=0"/></a>
 
  </body>
</html>

Ca marche comme je veux en passant par cette manip!
Merci :lol: