Creation table dynamiqe avec javascript

Fermé

lilaaa Messages postés 106 Date d'inscription mercredi 16 juillet 2008 Statut Membre Dernière intervention 21 mai 2009 - 16 juil. 2008 à 11:52
lilaaa Messages postés 106 Date d'inscription mercredi 16 juillet 2008 Statut Membre Dernière intervention 21 mai 2009 - 16 juil. 2008 à 13:49

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:

Creation table dynamiqe avec javascript
Table ascii - Guide
Table des matières word - Guide
Creation compte gmail - Guide
Création organigramme - Guide
Media creation tool - Télécharger - Systèmes d'exploitation

1 réponse

Réponse 1 / 1

nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113
16 juil. 2008 à 12:03

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]);

 
        }

}

lilaaa Messages postés 106 Date d'inscription mercredi 16 juillet 2008 Statut Membre Dernière intervention 21 mai 2009 7
16 juil. 2008 à 12:59

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?

nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113 > lilaaa Messages postés 106 Date d'inscription mercredi 16 juillet 2008 Statut Membre Dernière intervention 21 mai 2009
16 juil. 2008 à 13:19

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) {

lilaaa Messages postés 106 Date d'inscription mercredi 16 juillet 2008 Statut Membre Dernière intervention 21 mai 2009 7 > nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012
16 juil. 2008 à 13:49

:-( ç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...

Discussions similaires

Table des matières dont les titres n'apparaissent pas..

Discussions similaires

Newsletters