Discussion :

[exe2bin]

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 ?!

[Beginner.]

Salut,

Je ne suis pas sûr qu'un id vide soit valable (j'en doute) mais en tous cas il doit être unique.

PS : Et l'histoire de l'autre fil sur la variable globale c'est bon ou pas ?

[Beginner.]

Re-Salut,

Sinon ta fonction est un peu étrange : tu dis ; "... j'appelle 2 fois la fonction avec 2 arguments différents (2 noms de fichier image)"... Mais pourquoi tu fais une boucle for dans ce cas ? La boucle s’applique à tous les td avec le même name...

EDIT : Ah non je n'avais pas vu le "return" mais cela avec la boucle je n'en vois pas l’intérêt...

[exe2bin]

Salut !
j'ai changé tout le code pour profiter de la fonction "insertAdjacentHTML()" ; ça donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
function appendInventory(name)
{
   var newTD = "<td><img src=\"" + name + "\" width=\"34px\" height=\"25px\" onclick=\"inventoryClickEvent(this)\"/></td>"
    TRElement.insertAdjacentHTML("beforeend",newTD);
}

Mais j'ai le même problème de tableau.
Aussi un autre problème est venu se greffer car je n'initialise plus la propriété "isActive" de l'image ; du coup je n'arrive pas à
tester cette valeur correctement dans le gestionnaire "inventoryClick()"

[Beginner.]

Bon ben je vois que tu n'as pas répondu à ma question concernant l'autre fil... Difficile de savoir si on avance ou pas avec toi...

Sinon c'est dommage d'avoir changé complètement de direction, tu pouvais plutôt corriger ton autre code, ce serait mieux...

Il y a juste besoin de savoir ce que tu veux faire, par exemple d'où viennent les name ? Sont-ils dans un tableau ? Et dans quel ordre tu veux insérer les images dans la table...
Si par exemple c'est le même ordre que les name dans le tableau c'est simple à faire avec ta boucle for...

[exe2bin]

Les "names" contiennent les valeurs des attributs "src" des balises <img>.
Ce sont des String codés en dur ,provenant d'une autre fonction.
L'ordre des images n'a pas d'importance pourvu qu'elles soient dans leurs <td> respectifs.

PS : Désolé mais tu pourrais préciser la question sur la variable globale ?
En fait je n'ai plus de problème avec ....