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 :

Exécution fonction sur onclick


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2014
    Messages
    27
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2014
    Messages : 27
    Points : 32
    Points
    32
    Par défaut Exécution fonction sur onclick
    Bonjour,
    je ne comprends pas pourquoi le programme suivant ne fonctionne pas:


    Code html : 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
    <!DOCTYPE HTML>
    <html>
     
    <head>
        <script language="javascript">
            function ecritmessage() {
                document.getElementById('mondiv').write('ceci est mon message');
            }
        </script>
     
    </head>
     
    <body>
     
        <br>
        <br>
        <div id="mondiv" style="width:100px;height:100px;background-color:yellow;" onClick="ecritmessage()">
        </div>
     
    </body>
     
    </html>

    alors que si supprime le getElementByid, ça fonctionne très bien.

  2. #2
    Membre confirmé
    Avatar de Jacques Beauregard
    Homme Profil pro
    Développeur Java
    Inscrit en
    Mai 2015
    Messages
    231
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Yvelines (Île de France)

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

    Informations forums :
    Inscription : Mai 2015
    Messages : 231
    Points : 595
    Points
    595
    Par défaut
    Bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function ecritmessage()
    {
    document.getElementById('mondiv').innerHTML = "ceci est mon message";
    }
    De plus place ta fonction après la création de ta <div>

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 079
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 079
    Points : 44 660
    Points
    44 660
    Par défaut
    Bonjour,
    document.getElementById('mondiv').write('ceci est mon message');
    la méthode write n'existe pas pour un élément du DOM.

    A toute fin utile, à lire : Comprendre document.write() en JavaScript

Discussions similaires

  1. Fonction sur onclick
    Par Antherak dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 15/06/2009, 20h06
  2. [POO] Affectation de fonction sur onclick et oncontextmenu
    Par jbrasselet dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 09/01/2008, 11h23
  3. attacher une fonction sur onclick
    Par julien.63 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 05/10/2007, 20h00
  4. Execution de 2 fonctions sur onclick
    Par zorba49 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/08/2006, 11h10
  5. Bouton alternant 2 fonctions sur le meme evenement onClick
    Par Rocca dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 31/01/2006, 09h16

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