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 :

Parcourir un tableau HTML


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Webdesigner
    Inscrit en
    Mai 2014
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : Maroc

    Informations professionnelles :
    Activité : Webdesigner

    Informations forums :
    Inscription : Mai 2014
    Messages : 1
    Par défaut Parcourir un tableau HTML
    Salut,
    J'ai une fonction qui parcours un tableau HTML, lit les cellules et enregistre les résultats dans un fichier csv.
    Moi je suis intéressé que par la colonne 3, comment éliminer la boucle For ?

    i parcours les lignes:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    output +='for (var i = 0; i < rows.length; i++) {';
    j parcours les colonnes et c'est la boucle que je désire supprimer pour lire uniquement la colonne 3 de chaque ligne:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    output +='    for (var j = 3; j < cols.length; j++)';
        output +='row.push(cols[j].innerText);';
    Code complet

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    	output +='function exportTableToCSV(filename) {';
        output +='var csv = [];';
    	output +='var rows = document.querySelectorAll(\"table tr\");';
        output +='for (var i = 0; i < rows.length; i++) {';
    	output +='var row = [], cols = rows[i].querySelectorAll(\"td, th\");';
        output +='    for (var j = 3; j < cols.length; j++)';
        output +='row.push(cols[j].innerText);';        
    	output +='csv.push(row.join(\",\"));';
    	output +='}';
        output +='downloadCSV(csv.join(\"\\n\"), filename);';
    	output +='}';	
    	output +='<\/script>';

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 667
    Par défaut
    vous mélangez plusieurs langages là.
    la 1re étape est de faire un code de test en javascript qui fonctionne avec quelques valeurs.

  3. #3
    Membre Expert Avatar de darkstar123456
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2008
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2008
    Messages : 1 895
    Par défaut
    Bonjour,

    Il suffit alors de ne push() que col[2] à la place de la variable j.
    Les colonnes commençant à 0, col[2] = la colonne 3

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    output +='function exportTableToCSV(filename) {';
    output +='var csv = [];';
    output +='var rows = document.querySelectorAll(\"table tr\");';
    output +='for (var i = 0; i < rows.length; i++) {';
    output +='var row = [], cols = rows[i].querySelectorAll(\"td, th\");';
    output +='row.push(cols[2].innerText);'; // On ne push que la colonne 3
    output +='csv.push(row.join(\",\"));';
    output +='}';
    output +='downloadCSV(csv.join(\"\\n\"), filename);';
    output +='}';	
    output +='<\/script>';

Discussions similaires

  1. Parcourir un tableau html en javascript
    Par Floyus dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 29/01/2014, 10h31
  2. Compter et parcourir les lignes d'un tableau HTML "dynamique"
    Par symfonyc dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 10/08/2012, 15h15
  3. Parcourir un tableau et affichage dans un tableau HTML
    Par menina_raquel dans le forum Ruby on Rails
    Réponses: 0
    Dernier message: 23/05/2011, 12h01
  4. Parcourir tableau HTML en JS
    Par Canyata dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 03/11/2010, 11h55
  5. Parcourir un tableau html
    Par webpxis dans le forum Langage
    Réponses: 15
    Dernier message: 30/06/2010, 14h18

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