Bonjour ,
voici une partie de mon
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<table id="inventaire">
            <tr>
                <td id=""></td>
                <td id=""></td>
            </tr>
        </table>
je désire insérer des balises <img> et leurs attributs dans les colonnes de <table> ; voici la fonction :
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
17
18
19
20
21
function appendInventory(name)
{
   var TDElems = document.getElementsByTagName("td");
    for (var i = 0; i < TDElems.length; i++)
    {
        if (TDElems[i].getAttribute("id") == "")
        {
            var td = TDElems[i];
            var imgElement = document.createElement("img");
            imgElement.setAttribute("src",name);
            imgElement.setAttribute("width","34px");
            imgElement.setAttribute("height","25px");
            td.setAttribute("id",name);
            td.appendChild(imgElement);
            imgElement.onclick = inventoryClickEvent;
            imgElement.isActive = false;
            return;
        }
        // next td
    }
}
Comme j'appelle 2 fois la fonction avec 2 arguments différents (2 noms de fichier image) ,je devrais voir apparaître les 2 images côte à côte -- une par
colonne -- au lieu de cela elles se superposent dans la même colonne du tableau ;pourtant le test du début doit servir à les différencier !
Je ne m'explique pas cela ?!