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 :

Modifier le contenu d'une cellule d'un tableau dynamiquement


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Par défaut Modifier le contenu d'une cellule d'un tableau dynamiquement
    Bonjour,

    Je cherche (depuis un moment...) à modifier le contenue d'une cellule via une fonction javascript déclenchée sur un événement "onchange".
    ex:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    var Objtable ='<table id="tab1">'
     + '<tr>'
     + '<td>Select value</td>'
     +'</tr><tr>'
     + '<td><select id="sel1" onchange="MdyLabel(this.options[this.selectedIndex].value);">'
     + '      <option value="1">1</option>'
     + '      <option value="2">2</option>'
     + '</td><td>Mon Label</td>'
     + '<td><input type="text" value="AA"></td>'
     +'<tr></table>';
     
    function MdyLabel(SelectValue) {
       var eTab = document.getElementById("tab1");
    	eTab.rows[2].style.visibility="hidden";
    }
    Ce petit code permet de cacher la ligne, mais pas d'accéder à une cellule.
    J'ai essayé un code de type:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    eTab.rows[2][1].style.visibility="hidden";
    mais ça ne fonctionne pas.
    Pourriez vous m'aider ?

    Merci

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    313
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2009
    Messages : 313
    Par défaut
    [OOPS]Normal, c'est Faux : "this.selectedIndex"

    Manque "options"
    [OOPS]

    Manque aussi la fermeture de ton select et de son td

  3. #3
    Membre éclairé Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Par défaut
    Je ne vois pas ce qui est faux dans mon "selectedindex" du "onchange", la valeur est correctement passée à ma fonction.L'option est bien précisé.
    Pour le "td" c'est un oublie dans l'exemple fourni (corrigé)

    Mais cela ne réponse pas à ma question.

    Quelqu'un aurait-il une idée ?

    Merci

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par kernelfailure Voir le message
    Normal, c'est Faux : "this.selectedIndex"
    Manque "options"
    Non c'est tout à fait correct
    Citation Envoyé par kernelfailure Voir le message
    Mauqne aussi la fermeture de ton select et de son td
    Ca oui, par contre.
    De plus un <tr> en trop à la fin..

    Tant que la structure est incorrecte, le nav risque de se mélanger.
    Et la table étant visiblement ajouté via innerHTML, tu risques des problèmes.

    Utilise plutôt le DOM (y compris pour accéder aux lignes et modifier leur propriétés)

    A+

  5. #5
    Membre éclairé Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Par défaut
    'tr' corrigé.
    En fait ma variable ObjTable est ensuite transmise à un objet DOM (type MsgBox) dans le innerHTML de ce MsgBox.
    Via le code que j'ai posté j'arrive bien à gérer une ligne mais pas une colonne.
    Je continu à chercher... et également de voir du coté DOM pour une table (j'ai jamais fait ça...)

  6. #6
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,
    Je continu à chercher... et également de voir du coté DOM pour une table (j'ai jamais fait ça...)
    FAQ

  7. #7
    Membre éclairé Avatar de SPACHFR
    Profil pro
    Paaaaaa
    Inscrit en
    Février 2004
    Messages
    557
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Paaaaaa

    Informations forums :
    Inscription : Février 2004
    Messages : 557
    Par défaut
    Merci pour ce lien vers la FAQ.
    Du coup un peu de lecture et...... c'est résolu

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

Discussions similaires

  1. [LibreOffice][Tableur] Modifier le contenu d'une cellule aptès MeFC
    Par fransix dans le forum OpenOffice & LibreOffice
    Réponses: 21
    Dernier message: 16/11/2013, 12h07
  2. Comment modifier le contenu d'une cellule excel avec C#
    Par roujij dans le forum Windows Forms
    Réponses: 3
    Dernier message: 05/08/2009, 14h18
  3. Modifier le contenu d'une cellule dynamiquement
    Par SPACHFR dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 09/06/2009, 17h58
  4. modifié le contenu d'une cellule d'un fichier EXCEL
    Par john_wili dans le forum Documents
    Réponses: 0
    Dernier message: 26/01/2009, 11h34
  5. modifier le contenu d'une cellule
    Par STEPH69000 dans le forum Macros et VBA Excel
    Réponses: 9
    Dernier message: 14/06/2006, 17h12

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