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

HTML Discussion :

formulaire validé par touche "Entrée"


Sujet :

HTML

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 32
    Points : 18
    Points
    18
    Par défaut formulaire validé par touche "Entrée"
    Bonjour,
    j'ai un formulaire en PHP qui fonctionne très bien quand on clique sur le bouton "Valider" mais j'aimerais obtenir le même résultat si on tape "Entrée".
    Le bouton "Valider" a le focus donc je pensais que ça marcherait mais ça ne fait que rafraichir la page (sans tenir compte des données entrées ds le form).
    Comment faire ??
    Merci pour vos lumières !
    Cyril

  2. #2
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Bonsoir,
    en principe ça devrait fonctionner et le click souris n'a pas besoin d'être couplé d'un onkeypress sauf sur des éléments qui ne peuvent être validés par un click (liens, input...).

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2005
    Messages
    357
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Janvier 2005
    Messages : 357
    Points : 537
    Points
    537
    Par défaut
    Salut,
    il suffit d'avoir un input de type submit et ça le fait.

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 32
    Points : 18
    Points
    18
    Par défaut
    Bonjour,
    merci pour vos réponses mais mon formulaire est de type Submit et ça ne le fait pas : la page est rafraichie mais le formulaire n'est pas traité (alors qu'il l'est lorsque je clique sur le bouton).

  5. #5
    Invité
    Invité(e)
    Par défaut
    Ton bouton est bine présent entre les balises <form></form> ?

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Si l'on prend en compte le fait que d'après ce que tu nous dis, il n'y a aucune raison que cela ne fonctionne pas, il faut considérer que le problème vient de ce que tu ne dis pas !
    Le mieux serait encore de montrer la partie de code en question (HTML généré, pas PHP)

  7. #7
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 32
    Points : 18
    Points
    18
    Par défaut
    voilà le code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form method=POST>
    <select name="liste"><option value=...></option></select>
    <INPUT TYPE="PASSWORD" name="pwd">
    <input type="submit" name="recup" value=" Afficher ">
    </form>
    Remarques :
    - le PHP qui gère ce formulaire est exécuté si je clique sur le bouton "Afficher"
    - il ne l'est pas si je tape "Entrée" après avoir sélectionné un item ds la liste
    - il ne l'est pas non plus si je tape "Entrée" après avoir saisi un mot de passe, mais la page est rafraichie (le mot de passe saisi disparait).

  8. #8
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2005
    Messages
    357
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Janvier 2005
    Messages : 357
    Points : 537
    Points
    537
    Par défaut
    Salut,
    il manque l'attribut action à ton formulaire, alors c'est normal qu'il ne soit pas traité, la machine ne sait pas quoi en faire de ce pauvre formulaire orphelin.

  9. #9
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 32
    Points : 18
    Points
    18
    Par défaut
    Merci pour l’info mais ça ne marche pas plus (avec ACTION=réf. du fichier où est géré le form, c'est bien ça ?) ; le pb de mon script est peut-être que le formulaire est construit et géré dans le même fichier ?

  10. #10
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 32
    Points : 18
    Points
    18
    Par défaut focus bouton et ALT
    Pour info, ça marche sur Mozilla mais pas sur IE...
    Autre petit souci, à propos de ALT, que je mets dans une balise IMG pour afficher une info-bulle lorsque la souris survole l'image : ça marche sur IE mais pas sur Mozilla !!
    Des recommandations à ce sujet ?

  11. #11
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Oui, alt est censé afficher un texte alternatif au cas où l'image ne soit pas affichée ou pour les configurations pour malvoyants. Pour afficher l'infobulle, il faut passer par l'attribut title.

  12. #12
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 32
    Points : 18
    Points
    18
    Par défaut alt - title
    merci Bovino, j'ai toujours utilisé alt, qui affiche l'info-bulle sous IE même si l'image est présente (mais pas sous Firefox). Je ne connaissais pas title

  13. #13
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Bonjour,
    appliqués à une image, les 2 attributs n'ont pas le même rôle.
    Celui du title est de donner des infos sur l'image de type métadonnées (format, infos EXIF, etc).
    Mais compter sur l'affichage d'un title pour rendre une info accessible n'est pas idéal du fait du temps de latence entre le passage du curseur sur l'image et l'affichage de l'infobulle.
    Mieux vaut se tourner vers une solution de ce type:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img...><span>infos</span>
    Voir le tuto de Développez pour les détails.

  14. #14
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 32
    Points : 18
    Points
    18
    Par défaut
    Merci Erwan mais avec <span> la légende est affichée à côté de l’image (sans avoir à la survoler), ce n'est pas ce que je veux.
    C'est vrai qu'il y a un temps de latence avec <Title> mais la légende n'encombre pas la page, elle n'apparait que si on la "demande"...

  15. #15
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Je crois qu'Erwan faisait référence à ce tuto...

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

Discussions similaires

  1. formulaire validation par entree
    Par phoeniix07 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 06/02/2007, 13h24
  2. Gestion des évenements lors de la validation par le bouton entrée
    Par rattlehead dans le forum Windows Forms
    Réponses: 2
    Dernier message: 26/12/2006, 16h24
  3. Plusieurs formulaires validés par un bouton
    Par Zolex dans le forum Langage
    Réponses: 8
    Dernier message: 13/12/2006, 13h49

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