problème insertion dans une table via appenchildRésolu

Question

Salut à tous, 

j'ai un gros problème, car je voudrais remplir un tableau à l'aide des composants appenchild, etc.... et apparament ca me remplit mon tableau comme il faut, mais pourtant à l'affichage il n'y a rien quand je fait par exemple alert(document.getElementById("content_table_liste").innerHTML); je vois que mon tableau s'est remplit correctement par contre il est toujours vide...

je vous montre mon code:

et dans mon fichier js:
function add_table_liste(array_table){
        for(i=0;i
Merci d'avance

cs_bultez · Accepted Answer

dans IE, ça baigne aussi... si on met ça dans TBody pas dans table ( on oublie toujours ce satané tbody ! ) mais, avec FF, ça ne lui plait pas ! (il me reste peut-être des erreurs ) pas regardé avec safari. perso j'utilise plutôt insertRow et insertCell ( parce que ça me semble plus simple, et que ça baigne partout de la même manière ch'tit exemple ici )

Cordialement Bul [mon Site] [M'écrire]

En général, c'est absurde de généraliser.

Zobibol · Answer

Bien le bonjour ,
Trop rapide Bultez, trop rapide 

voilà la méthode avec les insertRow, insertCell

            function add_table_liste(array_table){
                // récupère la table
                var _table = document.getElementById("content_table_liste");
        for(i=0;i<array_table.length;i++){
                // création d'une ligne
            var row = _table.insertRow(i);
            //création d'une colonne.
            var new_control_td_marque=row.insertCell(0);           
            new_control_td_marque.id=array_table[i][12];
            new_control_td_marque.onclick=function(){read_array(this.id)};
            new_control_td_marque.appendChild ( document.createTextNode(array_table[i][1]));
           //création d'une colonne.
            var new_control_td_modele=row.insertCell(1);
            new_control_td_modele.id=array_table[i][12];
            new_control_td_modele.onclick=function(){read_array(this.id)};
               new_control_td_modele.appendChild (document.createTextNode(array_table[i][2]) );
           //création d'une colonne.
            var new_control_td_millesime=row.insertCell(2);
            new_control_td_millesime.id=array_table[i][12];
            new_control_td_millesime.onclick=function(){read_array(this.id)};
               new_control_td_millesime.appendChild ( document.createTextNode(array_table[i][0]) );
        }
    }

....



[o-_-o]

cs_bultez · Answer

salut zobibol >>Trop rapide Bultez, trop rapide parce que tu as lu la question plus tard que moi ! ;-) >>voilà la méthode avec les insertRow, insertCell ben moi aussi je préfère cette méthode, comme je disais : me semble plus simple ( mais chacun ses goûts ! ) et surtout : ça baigne partout (?) de la même manière

Cordialement Bul [mon Site] [M'écrire]

En général, c'est absurde de généraliser.

ludovicanceaux · Answer

ah ouhai c cool, c bidon en fait d'inserer un tr à un tbody et non à la table, à propos c'est quoi cette balise???

Zobibol · Answer

Le problème des insertRow, insertCell est tout de même la gestion de la table :
    doit-on vider la table avant ? 
    inserer à la suite des lignes éxistantes ?
Mais sans informations, pas de solutions !

[o-_-o]

ludovicanceaux · Answer

je suis en train de faire une fonction pour effacer toutes les lignes du tableau, et ce que vous pouvez me dire si c'est une solution qui convient?

var tags=['tr'];
  var count_var=0;
  for(tagCounter=0;tagCounter<tags.length;tagCounter++){
   var inputs=document.getElementsByTagName(tags[tagCounter]);
   for(var no=0;no<inputs.length;no++){
    var mytable=inputs[no].id;
    if(mytable.substring(0,12)=='table_liste_'){
     document.getElementById('content_table_liste').removeChild(document.getElementById('content_table_liste').lastChild);
    }    
   }
  }  }

ludovicanceaux · Answer

bah on a ecrit en même temps, bah j'y vien là, en fait il faut que j'efface le tableau avant d'insérer c'est pour ca, que j'ai créer la fonction ci dessus, mais je suis pas sur qu'elle convienne

Zobibol · Answer

Et en faisant comme ça ?
    function clearTable(){
        var _table = document.getElementById("content_table_liste");
        while ( _table.rows.length >0)
                _table.deleteRow(0);
        
    }
...

[o-_-o]

ludovicanceaux · Answer

c'est si simple que ca??? et moi qui à crée un truc de 20 lignes.......... mdr

je vais testé ca!!!

ludovicanceaux · Answer

bah ca marche impec, merci bcp les gars!!!

Problème insertion dans une table via appenchild

10 réponses

Votre réponse