[DOM] DOM - modifier attributs balise IMG
Bonjour,
Je bloque sur l'ajout d'attribut d'un objet img créé dynamiquement. En clair, j'ai un fichier HTML avec 1 table, quelques lignes contenant chacune une cellule et du texte.
Je crée une fonction (appelée par un bouton ou via onload) laquelle crée une ligne supplémentaire contenant une image.
Jusque là OK. Mais en créant l'objet img, je lui assigne des événements onclick & onmouseover => l'image est bien créée mais les événements ne sont pas pris en compte.
Voici un bout de mon code (2 fonctions différentes avec un résultat similaire):
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| function creerImg() {
var tbl = document.getElementsByTagName("table")[0];
var nouvTr = document.createElement("tr");
var nouvTd = document.createElement("td");
var nouvImg = new Image();
nouvImg.src = "image/drop.png";
nouvImg.onmouseover="this.style.cursor='pointer'";
nouvTd.appendChild(nouvImg);
nouvTr.appendChild(nouvTd);
tbl.appendChild(nouvTr);
}
function creerImg2() {
var tbl = document.getElementsByTagName("table")[0];
tbl.insertRow(0);
var nouvTd = tbl.getElementsByTagName("tr")[0].insertCell(0);
var nouvImg = new Image();
nouvImg.src = "image/drop.png";
nouvImg.onmouseover="this.style.cursor='pointer'";
nouvTd.appendChild(nouvImg);
} |
Aussi, j'ai remarqué qu'un insertRow chnage l'affichage correctement mais pas le code source de la page. Par contre, un deleteRow affecte l'affichage et le code source de la page.
Merci d'avance pour tout aide .
