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 :

mon innerHTML ne s'affiche pas


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    Enseignant Chercheur
    Inscrit en
    Janvier 2024
    Messages
    236
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Indre et Loire (Centre)

    Informations professionnelles :
    Activité : Enseignant Chercheur

    Informations forums :
    Inscription : Janvier 2024
    Messages : 236
    Par défaut mon innerHTML ne s'affiche pas
    Bonjour
    je ne trouve pas ce que j'ai mal écrit.
    Dans le html j'ai
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <audio id="audioPlayer" controls ></audio>
    <div id="toto" style="color:white"></div>
    dans le js
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    const toto=document.getElementById("toto");
    const player = document.getElementById("audioPlayer");
    player.addEventListener("ended", function() {
        MorsoEnCours++;
        if (MorsoEnCours < playlist.length) { toto.innerHTML=`je suis ici`;
            player.src = repertoire_liste+playlist[MorsoEnCours][0];
            updateTrackInfo();
            player.play();
        }
    Mon "je suis ici" ne s'affiche pas alors que le player fonctionne tout à fait.
    J'ai pourtant vraiment l'impression de ne pas avoir fait de faute

    D'ailleurs pendant qu'on y est est-ce que j'interprète correctement ce qui se passe en disant
    lorsque je clique sur "play" ça joue mais uniquement en mode html le script n'y est encore pour rien, en attendant que le player <audio> envoie je ne sais où un code de fin de morceau "ended" qui est attendu par le cript, auquel cas il lance la fonction sans nom se trouvant à l'intérieur du "player.addEventListener", incrémente le numéro du morceau et relance le tout player.play().
    Et puisqu'on en parle mon objectif est de faire fonctionner un autre événement à savoir un clic sur image
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    btnprec.addEventListener("click", () => {
      // Passe à l'indice suivant (revient à 0 à la fin)
      MorsoEnCours = (MorsoEnCours + 1) % playlist.length;
      toto.innerHTML=`je suis ici`;
    C'est parce que le "clic" ne donnait rien que j'ai voulu vérifier.

  2. #2
    Invité de passage
    Homme Profil pro
    Inscrit en
    Mars 2013
    Messages
    120
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2013
    Messages : 120
    Par défaut
    Bonjour,
    Tu ne donnes pas un code testable (pour que l'on puisse reproduire le problème) . On ne sais pas comment est déclarer la variable MorsoEnCours. Ni comment est déclarer la variable repertoire_liste que tu concatènes à un tableau.

    Mon "je suis ici" ne s'affiche pas alors que le player fonctionne tout à fait.
    Quelles sont les erreurs dans la console?

    lorsque je clique sur "play" ça joue mais uniquement en mode html le script n'y est encore pour rien,
    Pas tout à fait puisque tu n'indique aucun fichier dans l'attribut src en HTML, c'est donc bien une injection du script pour commencer avant que tu ne cliques sur le bouton play du control de la balise <audio>.

    en attendant que le player <audio> envoie je ne sais où un code de fin de morceau "ended"
    Cela s'appelle un écouteur d’événement, et l'évènement écouté est la fin de la lecture du fichier. Quand le fichier (le premier son donc) à terminé la fonction anonyme liée à l'écouteur d'évènement est exécutée.

    Et puisqu'on en parle mon objectif est de faire fonctionner un autre événement à savoir un clic sur image
    Il faut que btnprec soit défini au préalable.

    Pour du texte on utilise la propriété textContent.
    https://developer.mozilla.org/fr/doc...de/textContent
    Pour de l'HTML innerHTML
    https://developer.mozilla.org/fr/doc...ment/innerHTML

    Autre chose, si tu as des noms de variables, fonction en anglais reste en anglais. Si tu veux en français écrit les noms de fonctions et de variables en français. Mais pas les deux langues dans un même projet. Choisis une ou l'autre.

Discussions similaires

  1. [SimpleXML] Le contenu de mon élément ne s'affiche pas
    Par alliance dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 08/05/2006, 20h27
  2. Mon fichier ne s'affiche pas...
    Par natanyanka dans le forum Access
    Réponses: 10
    Dernier message: 21/03/2006, 16h24
  3. [XSL]Comment faire ceci ?? Mon for-each n'affiche pas tout !
    Par Devil666 dans le forum XSL/XSLT/XPATH
    Réponses: 4
    Dernier message: 27/07/2005, 15h04
  4. Mon dessin ne s'affiche pas au lancement...
    Par Deedier dans le forum MFC
    Réponses: 6
    Dernier message: 02/05/2005, 16h29
  5. [JApplet]mon applet ne s'affiche pas.
    Par yannick56 dans le forum Applets
    Réponses: 6
    Dernier message: 27/05/2004, 17h05

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