[Debutant] Boutons Image et Formulaire

**Carlito_superheros** · 09/05/2006, 09h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**franculo_caoulene** · 09/05/2006, 09h50

Salut,

Solution à quel problème??? J'ai pas bien compris.

**Carlito_superheros** · 09/05/2006, 09h54

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.

**Carlito_superheros** · 09/05/2006, 10h25

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...

**SpaceFrog** · 09/05/2006, 10h37

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?

**Carlito_superheros** · 09/05/2006, 14h29

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?

**Swoög** · 09/05/2006, 14h32

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)

**Carlito_superheros** · 09/05/2006, 14h34

Oui mais si l'on appuie sur Entree, il est impossible de choisir le bouton?

**SpaceFrog** · 09/05/2006, 14h41

ben n'utilises pas de bouton submit ...
mets des inputs type button et utilises leur onclick ...

**Carlito_superheros** · 09/05/2006, 14h44

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!

**SpaceFrog** · 09/05/2006, 14h54

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

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

**Carlito_superheros** · 09/05/2006, 15h20

J'ai pas le choix parce que le client veut des jolis boutons avec des images

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...

**cerede2000** · 09/05/2006, 16h17

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.

**SpaceFrog** · 09/05/2006, 21h41

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

**Carlito_superheros** · 10/05/2006, 09h53

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Debutant] Boutons Image et Formulaire

JavaScript

Discussions similaires

Partager

Partager