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 :

Incrémentation variable dans un innerhtml


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2017
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 26
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2017
    Messages : 21
    Par défaut Incrémentation variable dans un innerhtml
    Bonjour,

    Voilà, j'essaie d’implémenter une variable js dans un innerhtml. Aucun soucis jusque là. Je génère des lignes de tableaux grâce à des boutons qui lancent une fonction js et qui incrémente ma variable de 1. Et donc quand je génère une nouvelle ligne, la valeur de la variable change bien (dans le console.log) mais reste identique pour les lignes ajoutées au tableau

    Voici le code

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     var axe = 0;
     
     var Compline=document.createElement("tr");
      Compline.innerHTML='<td style="display: none"><input name="idForAxe" value="' + axe +'" /></td><td></tr>';
     
    function addAxe()
        {
            newAxe=Axeline.cloneNode('true');
            document.getElementById('tableau').appendChild(newAxe);
            axe++;
            console.log(axe);
        }
    Merci de votre aide, bonne journée

  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 491
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 491
    Par défaut
    normal, ton Compline.innerHTML='<td style="display: none"><input name="idForAxe" value="' + axe +'" /></td><td></tr>'; est hors de ta function addAxe()
    => donc quand la page se charge, il le fait bien. mais il en reste la
    il faut que tu fasses un innerHTML dans ton addAxe() pour le mettre a jour
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2017
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 26
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2017
    Messages : 21
    Par défaut
    AH ! Bien vu ... Je me sens stupide. En tous cas c'est nickel merci beaucoup !
    Bonne journée !!!

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

Discussions similaires

  1. Problème variable dans info bulle
    Par sn@ke51 dans le forum JSF
    Réponses: 7
    Dernier message: 21/01/2008, 11h42
  2. problème variable dans substitution par regex
    Par gorgonite dans le forum Langage
    Réponses: 2
    Dernier message: 26/12/2007, 12h31
  3. [Configuration] problème variable dans l'url
    Par Sarrus dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 13
    Dernier message: 05/04/2007, 11h17
  4. [VB.NET] problème variables dans les textbox
    Par pierrepelerin dans le forum Windows Forms
    Réponses: 6
    Dernier message: 18/10/2006, 00h13
  5. problème variable dans formulaire
    Par calitom dans le forum Langage
    Réponses: 2
    Dernier message: 20/07/2006, 15h12

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