Creation table dynamiqe avec javascript

lilaaa Messages postés 110 Statut Membre -  
lilaaa Messages postés 110 Statut Membre -
Bonjour à tous
je sais que pour construire un bouton select dynamiquement on fait:


function liste(Data) {

        var Options = Data.getElementsByTagName("balise_xml_name");

        var Select  = document.getElementById("id_select");

        

        Select.innerHTML = "";

        for(var i=0,c=Options.length;i<c;i++) {

                var Option = document.createElement("option");

                Option.value = Options[i].getAttribute("value");

                Select.appendChild(Option);

                Option.innerHTML = Options[i].firstChild.nodeValue;

        }

}





mon problème est que je veux afficher mes données dans une table au
lieu d'un bouton select,j ai essayé de modifier ce code si dessus mais
j'ai pas reussi quelqu'un peut m'aider?
A voir également:

1 réponse

nEm3sis Messages postés 722 Statut Membre 113
 
ta question n'est pas très claire je trouve mais j'ai essayé de faire quelque chose ...

function liste(Data) {

        var Options = Data.getElementsByTagName("balise_xml_name");

        var Table= document.getElementById("id_table");

        Table.innerHTML = "";
        var Tr = new Array();

        for(var i=0,c=Options.length;i<c;i++) {

                var Tr[3i]= document.createElement("tr");

                var Tr[3i+1]= document.createElement("td");
                Tr[3i+1].innerHTML = Options[i].getAttribute("value");
                Tr[3i].appendChild(Tr[3i+1]);

                var Tr[3i+2]= document.createElement("td");
                Tr[3i+2].innerHTML = Options[i].firstChild.nodeValue;
                Tr[3i].appendChild(Tr[3i+2]);

                Table.appendChild(Tr[3i]);

 
        }

}
0
lilaaa Messages postés 110 Statut Membre 7
 
merci pour votre reponse. ça n a pas marché chez moi, d autant plus j ai compri pour quoi les 3i+1 dans les tr?
0
nEm3sis Messages postés 722 Statut Membre 113 > lilaaa Messages postés 110 Statut Membre
 
j'aurai pu faire 1 array de tr et 2 array de td mais j'ai plutot décidé de faire une seul array regroupant les 3


par contre j'ai oublié de modifier ça
for(var i=0,c=Options.length;i<c;i++) {

pour mettre
for(var i=0,c=Options.length;i<c;i+=3) {
0
lilaaa Messages postés 110 Statut Membre 7 > nEm3sis Messages postés 722 Statut Membre
 
:-( ça n a pas marché aussi..j ai effacé la table et j'ai mis un div a la place; ça a marché mais l affichage reste à désirer...
0