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 :

Tableau en Html


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut Tableau en Html
    Bonjour à tous !

    étant débutant en html, je commence tout juste à faire des tableaux pour cela j'utilise les fonctions suivantes:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    var tableau2=document.createElement('TABLE');
    var tcorps2=document.createElement('TBODY');
    tableau2.appendChild(tcorps2);
    tcorps2.appendChild(document.createElement('TR'));
    tcorps2.lastChild.appendChild(document.createElement('TD'));
    tcorps2.lastChild.lastChild.appendChild(document.createTextNode('n°'));
    tcorps2.lastChild.appendChild(document.createElement('TD'));
    le probleme c'est que je suis rapidement perdu........Ce que j'aimerai savoir c'est comment acceder par exemple a une case du tableau deja etabli precedement pour changer son contenu

    merci
    Dernière modification par Bovino ; 08/12/2013 à 09h03. Motif: Merci d'utiliser les balises [code] (bouton '#' de l'éditeur) !

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    peut être qu'une petite lecture de Les tableaux (balise table) pour commencer ne serait pas superflus.

  3. #3
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    tu peux aussi garder des référence sur les élément que tu crée.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    var tableau2=document.createElement('TABLE');
    var tcorps2=document.createElement('TBODY');
    tableau2.appendChild(tcorps2);
     
    var maLigne = document.createElement('TR');
    tcorps2.appendChild(maLigne);
    var maCelulle1 = document.createElement('TD');
    maLigne.appendChild(maCelulle1);
    maCelulle1.appendChild(document.createTextNode('n°'));
    var maCelulle2 = document.createElement('TD');
    maLigne.appendChild(maCelulle2);
    tu peux donc manipuler maLigne, maCelulle1 et maCelulle2
    A+JYT

  4. #4
    Invité
    Invité(e)
    Par défaut
    mmmmh je vois mais ce qui est compliqué pour moi c'est d'inserer une colonne a mon tableau apres son etablissement :

    je m'explique:
    mon tableau initial fais a partir des element apprendchild, createelement.... :
    x x x x x
    x x x x x
    x x x x x

    ma question comment ajouter une colonne sans touché au premier code:
    x x x x x y
    x x x x x y
    x x x x x y

  5. #5
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonsoir,

    il faut prendre le problème horizontalement si je puis dire : il faut ajouter une cellule dans chaque ligne en utilisant insertCell(index).

  6. #6
    Invité
    Invité(e)
    Par défaut
    hahaha

    jai ma div ecrite de cette maniere :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="tableau"></div>

    donc jai dabord essayé ceci, pour connaitre la taille du tableau mais la variable nbligne de contient rien a chaque fois :S ;

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
        var tableau = document.getElementById("tableau");
        // nombre de lignes dans la table (avant ajout de la ligne)
        var nbLignes = tableau.rows.length;
    je viens egalement d'essayer insertcell mais rien
    Dernière modification par Bovino ; 10/12/2013 à 08h00.

  7. #7
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Parce qu'une <div> est une <table> maintenant ?

    C'est quelle norme ? Du HTML 6 ?

Discussions similaires

  1. selection d'une ligne dans un tableau en html
    Par jehlg dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 08/02/2006, 23h08
  2. tableau en html
    Par marti dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 03/10/2005, 10h21
  3. Scrollbar et tableau en html
    Par marti dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 30/09/2005, 11h29
  4. Problème de montage d'un tableau en HTML...
    Par David.V dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 04/02/2005, 08h38
  5. XSL pour visualiser arbre XML sous forme de tableau en HTML
    Par mattmat dans le forum XSL/XSLT/XPATH
    Réponses: 4
    Dernier message: 28/03/2003, 10h55

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