inserire immagine

[palomario]

scusate, sono javadeficient e chiedo aiuto per inserire un'immagine...

con una funzione genero in una tabella una serie di checkbox con un nome e vorrei inserirci anche un'immagine.

la funzione è composta da una variabile layers contenente i vari checkbox

var layers = {
"agricoli":
{"url": "http://miosito.it",
"name": "agricoli",
"marker0": '',
"id": "agricoli",},
};

e una funziona che genera la tabella:

function addTR(id) {
var layerTR = document.createElement("tr");

var inputTD = document.createElement("td");
var input = document.createElement("input");
input.type = "checkbox";
input.id = id;
input.onclick = function () { toggleGeoXML(this.id, this.checked) };
inputTD.appendChild(input);

var nameTD = document.createElement("td");
var nameA = document.createElement("a");
nameA.href = layers[id].url;
var name = document.createTextNode(layers[id].name);
nameA.appendChild(name);
nameTD.appendChild(nameA);

layerTR.appendChild(inputTD);
layerTR.appendChild(nameTD);
document.getElementById("sidebarTBODY").appendChil d(layerTR);
}

come faccio ad aggiungerci la variabile "marker"?

grazie...

s.

[lucavizzi]

prova così:

var layers = {
"agricoli":
{"url": "http://miosito.it",
"name": "agricoli",
"marker0": 'http://miosito.it/marker_agricoli.png',
"id": "agricoli",},
};

e una funziona che genera la tabella:

function addTR(id) {
var layerTR = document.createElement("tr");

var inputTD = document.createElement("td");
var input = document.createElement("input");
input.type = "checkbox";
input.id = id;
input.onclick = function () { toggleGeoXML(this.id, this.checked) };
inputTD.appendChild(input);

var nameTD = document.createElement("td");
var nameA = document.createElement("a");
nameA.href = layers[id].url;
var name = document.createTextNode(layers[id].name);
nameA.appendChild(name);
nameTD.appendChild(nameA);

var imageTD=document.createElement("td");
var image=document.creaeElement("img");
image.src=layers[id].marker0;
imageTD.appendChild(image);

//qui decidi l'ordine degli elementi, l'immagine è l'ultima

layerTR.appendChild(inputTD);
layerTR.appendChild(nameTD);
layerTR.appendChild(imageTD);


document.getElementById("sidebarTBODY").appendChild(layerTR);
}

fammi sapere

[palomario]

:master:
non funziona, la tabella ora appare vuota

[palomario]

ti ringrazio comunque
nel mentre ho trovato un'altra soluzione che mi facilita le cose:
inserisco direttamente il checkbox in html...

[img]marker/contorni_agricoli.png[/img]
<input type="checkbox" id="agricoli_contorni" name="contorniagricoli" onClick="toggleGeoXML(this.id, this.checked)"/>