Grazie per la drtta, adesso funziona, a metà ma funziona. Adesso ho un altro problema: Inizialmente leggo le informazioni da un file xml dove risiedono le informazioni che devo reperire e piano piano le vado ad inserire nel ciclo for per creare l'immagine. Dal punto di vista grafico funziona perfettamente, ma quando vado a richiamare la funzione con l'evento onclick, (per semplicità di prova ho utilizzato un alert in cui mi dovrebbe comparire il "name" dell'imagine cliccata) mi crea un alert con la scritta del "name" dell'ultima immagine caricata e questa per tutte le immagini.
codice:
function DrawMap(file)
{
var XMLFile = file;
var xml = null;
if (document.implementation && document.implementation.createDocument)
{
xml = document.implementation.createDocument("","",null)
xml.onload=Disegna
xml.load(XMLFile);
}
else if (window.ActiveXObject)
{
xml = new ActiveXObject("Microsoft.XMLDOM")
xml.onreadystatechange = IEGo;
xml.load(XMLFile);
}
function IEGo()
{
if (xml.readyState == 4)
Disegna();
}
function Disegna()
{
var Nodo = xml.getElementsByTagName("Elenco")[0].getElementsByTagName("item");
corpo = document.getElementsByTagName('BODY').item(0);
for (i = 0 ; i < Nodo.length ; i++)
{
Immagine = document.createElement('IMG');
Immagine.name = Value(Nodo[i],"Name");
Immagine.alt = Value(Nodo[i],"Cognome");
Immagine.src = Value(Nodo[i],"Sfondo");
Immagine.style.top = (Value(Nodo[i],"Riga")*25)+'px';
Immagine.style.left = (Value(Nodo[i],"Colonna")*25)+'px';
Immagine.style.position='absolute';
Immagine.onclick = function() { alert(Immagine.name); };
corpo.appendChild(Immagine) ;
}
}
function Value(obj,tag)
{
return obj.getElementsByTagName(tag)[0].childNodes[0].nodeValue;
}
}
Come posso creare questo genere di eventi? Avete idee???