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 :

Lors d'un choix écrire quelque chose


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 391
    Par défaut Lors d'un choix écrire quelque chose
    Bonjour ou Bonsoir à tous,

    J'ai une petite question. Je voulais savoir si c'était possible d'afficher un mot dans un INPUT quand on clique sur la touche "1" par exemple.

    Je m'explique, l'utilisateur a un input pur écrire que des chiffres, et je voudrais que lorsqu'il appuie sur la touche du clavier numerique "1", ca ecrit "test".

    C'est possible ?
    Si oui, pouvez vous m'aider ?

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    C'est possible, et c'est même très simple. Donc c'est toi qui vas le faire.
    Juste une question : où veux-tu qu s'affiche « test » ? Dans l'input lui-même ou dans une autre balise HTML ?

    Pour réagir aux évènements du clavier, il faut que l'élément qui a le focus (c'est-à-dire, en général, l'élément dans lequel il y a le curseur clignotant) enregistre un gestionnaire d'évènement. C'est pas trop compliqué :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    monInput.addEventListener("keypress", maFonction);
    Bien entendu, tu devras adapter les variables monInput et maFonction selon ton code. maFonction sera appelée par le navigateur à chaque fois qu'un évènement keypress est déclenché, et elle recevra un argument event, tu devras donc la déclarer comme ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function maFonction( event ){
       ...
    }
    Il y a plusieurs types d'évènements clavier : keyup, keydown, keypress, change et le petit dernier input. Je te renvoie à un post récent de moi pour les détails. Comme ici, il s'agit de détecter un caractère visible (« 1 »), le keypress me paraît le plus adapté.

    C'est un début de solution. J'attends ta réponse à ma question pour t'en dire plus
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 391
    Par défaut
    Dans le même input !

    Merci pour ces renseignements, je me renseigne

  4. #4
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    quand on clique sur la touche "1"
    cliquer le clavier avec la souris ??? ça je sais pas faire ...
    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 !

  5. #5
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    Citation Envoyé par Devilju69 Voir le message
    l'utilisateur a un input pur écrire que des chiffres, et je voudrais que lorsqu'il appuie sur la touche du clavier numerique "1", ca ecrit "test".
    Citation Envoyé par Devilju69 Voir le message
    Dans le même input !
    Donc en fait si j'ai bien compris tu voudrais écrire « test » dans un input dans lequel on ne peut écrire que des nombres ?
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  6. #6
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 391
    Par défaut
    Bonjour à tous,

    Je n'arrive à rien ! Ca m'enerve. Je débute en javascript et j'ai pas assez de connaissances.

    Je veux dire quand l'utilisateur utilise la touche 1 du clavier (il a accès seulement à un pavé numérique).

    Je voudrais écrire "test" soit dans le même input soit dans un div ou autre ; bref n'importe où

  7. #7
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 391
    Par défaut
    J'ai enfin quelque chose mais pas exactement ce que je veux

    Voici mon code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
      function quelle_touche(evenement)
       {
           var touche = window.event ? evenement.keyCode : evenement.which;
           if (touche==48)
    	   {
    			document.getElementById("form_id").elements["nom_input"].value = 'Test- ';
    	   }
    	   if (touche==49)
    	   {
    			document.getElementById("form_id").elements["nom_input"].value = 'Test2- ';
    	   }
       }
    Cela fonctionne bien mais, ça m'efface mon contenu. Je veux rajouter a chaque fois.

    Par exemple, si on tape "10", il faut écrire "Test2 - Test-". Et pour l'instant, cela supprime la première valeur

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

Discussions similaires

  1. Comment écrire quelque chose à des coordonnées précises ?
    Par Zebulon777 dans le forum IGN API Géoportail
    Réponses: 21
    Dernier message: 19/06/2013, 09h44
  2. Réponses: 13
    Dernier message: 07/08/2006, 10h13
  3. affichier un INPUT lors d'un choix ....
    Par apt dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 01/01/2005, 19h35
  4. Réponses: 3
    Dernier message: 27/04/2004, 18h21

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