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 :

Utiliser l'attribut HTML data (et dataset) sous forme de tableau


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2018
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2018
    Messages : 3
    Par défaut Utiliser l'attribut HTML data (et dataset) sous forme de tableau
    Bonjour,

    En PHP je prépare un élément HTML devant contenir une liste dont le nombre d'item est inconnus à l'avance.
    J'otient mon élément correctemnt renseigné.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="hidden" id="liste_clones0017" name="liste_clones0017" data-c1="60860017" data-c2="65370017" data-c3="79110017" data-c4="60866537" data-c5="65377911" data-nbdoublon="5">

    En javascript, je ne sais pas comment parcourir cette liste en construisant dynamiquement le nom de l'attribut du dataset référencant chaque item de la liste
    du coup, en trappant les erreurs, je fais un nombre fixe d'affreux
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    ... = document.getElementById("liste_clones0017").dataset.c1
    ... = document.getElementById("liste_clones0017").dataset.c2
    ... = document.getElementById("liste_clones0017").dataset.c3
    //...
    pour accéder aux info
    Comment puis-je faire une boucle ?
    du genre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    for(var i=1;i<=nb_clone;i++)
    ... = document.getElementById("liste_clones0017").dataset.c + i // ???

  2. #2
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    Essaye
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    for(var i=1;i<=nb_clone;i++)
    ... = document.getElementById("liste_clones0017").attribute("data-c" + i )
    Sinon un string Json

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    data-json="{'c1':'60860017','c2':'65370017';'c3':'79110017';'c4':'60866537';'c5':'65377911';'nbdoublon':'5'"
    suivi d'un JSONparse
    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 !

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

    on peut aussi écrire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("liste_clones0017").dataset['c'+i]

  4. #4
    Futur Membre du Club
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Novembre 2018
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Novembre 2018
    Messages : 3
    Par défaut
    La version
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("liste_clones0017").dataset['c'+i]
    fonctionne très bien,

    Merci

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

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