IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[Debutant] Boutons Image et Formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 98
    Par défaut [Debutant] Boutons Image et Formulaire
    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

  2. #2
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Salut,

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

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 98
    Par défaut
    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.

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 98
    Par défaut
    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...

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    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?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 98
    Par défaut
    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?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Bouton image de formulaire
    Par Anonyme1784 dans le forum Langage
    Réponses: 2
    Dernier message: 31/12/2013, 08h41
  2. Formulaire avec 4 boutons image
    Par info_plus dans le forum Langage
    Réponses: 3
    Dernier message: 20/07/2007, 19h11
  3. Est-il possible de mettre une image sur le bouton d'un formulaire
    Par Yagami_Raito dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 31/05/2007, 13h06
  4. [debutant] bouton image
    Par cyrill.gremaud dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 08/03/2006, 16h10
  5. formulaire/lien/bouton image envoyer
    Par charlotte10 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 19/08/2005, 16h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo