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 :

Ecoute d'un événement


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    etudiant developpeur web
    Inscrit en
    Février 2018
    Messages
    99
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Aisne (Picardie)

    Informations professionnelles :
    Activité : etudiant developpeur web

    Informations forums :
    Inscription : Février 2018
    Messages : 99
    Par défaut Ecoute d'un événement
    J'ai une page html toute bête avec un bouton :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <!DOCTYPE html>
    <html lang="fr">
    <head>
    	<meta charset="utf-8" />
    	<title>Correspondance note classique / note américaine</title>
    	<script type="text/javascript" src="script.js"></script>
    	<link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
    	<button id="launch">Cherchez</button>
    </body>
    </html>

    Au click sur le boutton, je souhaite afficher un formulaire :
    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
    24
    (function(){
    	var createForm = {
    		init:function(){
    			var button = document.getElementsByTagName('button');
    			button.addEventListener('click', function(event){
     
    				// Création du HTML pour le formulaire
    				var form = document.createElement('form');
    				document.body.appendChild(form);
     
    				var paragraph = document.createElement('p');
    				field.appendChild(paragraph);
    				paragraph.innerHTML='Choisissez votre indice de serrage :';
    				var select = document.createElement('select');
    				field.appendChild(select);
    				var option = document.createElement('option');
    				option.innerHTML = '';
    				select.appendChild(option);
    				select.setAttribute('id','choix');
    			});
    		};
    	}
    	formCreate.init();
    })();
    J'ai un message d'erreur type : TypeError: button.addEventListener is not a function... Il doit encore y avoir une coquille que je ne vois pas

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Pourquoi ouvrir une nouvelle discussion ?

    Ou mets au moins un lien vers l'autre...

  3. #3
    Membre confirmé
    Homme Profil pro
    etudiant developpeur web
    Inscrit en
    Février 2018
    Messages
    99
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Aisne (Picardie)

    Informations professionnelles :
    Activité : etudiant developpeur web

    Informations forums :
    Inscription : Février 2018
    Messages : 99
    Par défaut
    Ca m'a été demandé

  4. #4
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par jreaux62 Voir le message
    mets au moins un lien vers l'autre...
    Ça évitera de devoir tout reprendre à zéro.

    Cela dit, je vais répondre a ton problème :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var button = document.getElementsByTagName('button');
    getElementsByTagName renvoie un array/objet de TOUS les <button>.

    A noter : le "s" de getElementsByTagName

    Si tu n'as qu'un seul bouton (et/ou le "premier" !), il faut alors écrire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var button = document.getElementsByTagName('button')[0];
    Ou utiliser un id.


    N.B. un exemple simple :
    Même si la balise <body> est notoirement unique dans le DOM, il faut écrire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var body = document.getElementsByTagName('body')[0];
    Dernière modification par Invité ; 13/04/2019 à 20h03.

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

Discussions similaires

  1. Application qui ecoute les événements OnpostActive et OnPostReset
    Par mikedavem dans le forum Général Dotnet
    Réponses: 1
    Dernier message: 14/06/2011, 07h04
  2. Ecouter les évènements clavier sans focus
    Par Niak74 dans le forum Qt
    Réponses: 2
    Dernier message: 02/11/2009, 09h07
  3. Ecouter un évènement Timer dans plusieurs classes
    Par FloBaoti dans le forum AWT/Swing
    Réponses: 4
    Dernier message: 06/01/2008, 00h55
  4. Ecoute événement périphérique
    Par rod59 dans le forum Linux
    Réponses: 10
    Dernier message: 08/03/2007, 14h25
  5. Ecoute d'évènements sur serveur J2EE
    Par loop4 dans le forum Java EE
    Réponses: 2
    Dernier message: 28/04/2006, 14h27

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