Bonjour ,
voici une partie de mon
je désire insérer des balises <img> et leurs attributs dans les colonnes de <table> ; voici la fonction :
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>
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
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 } }
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 ?!
Partager