Hola otra vez:
Creo que es el mismo ejemplo el que te voy a mostrar (pero retorcado):
Cuando se ponen las coordenadas, se pide un nombre, y luego se genera la capa y se añade eventos onmouseover onmouseout para resalte y con el texto recogido con un prompt se asigna un atributo title a las imágenes de la página principal...
Sé que no es lo que quieres, pero la forma de añadir los eventos e interactuar con la página principal supongo que puede servirte.
La creación de la capa es así:
Código:
function leeParte(capa) {
coordenadas[contador ++] = ratitaX();
coordenadas[contador ++] = ratitaY();
if (contador % 4 == 0) {
x1 = coordenadas[contador - 4];
x2 = coordenadas[contador - 2];
y1 = coordenadas[contador - 3];
y2 = coordenadas[contador - 1];
_x = menor(x1, x2);
_y = menor(y1, y2);
anchura = dife(x1, x2);
altura = dife(y1, y2);
mensaje = prompt("Introduzca título");
cuadradito = document.createElement("img");
with (cuadradito) {
id = "capa" + n++;
title = mensaje;
src = ruta
+ "anchura=" + anchura
+ "&altura=" + altura
+ "&x=" + _x
+ "&y=" + _y
+ "&origen=WORLD3.png";
style.margin = "10px";
style.border = "inset 1px #eeeeee";
style.left = (_x - 1) + "px";
style.top = (_y - 1) + "px";
style.position = "absolute";
}
capa.parentNode.appendChild(cuadradito);
with (document.getElementById(cuadradito.id)) {
if (document.all)
onmouseover = imagenOver;
else
addEventListener("mouseover", imagenOver, true)
if (document.all)
onmouseout = imagenOut;
else
addEventListener("mouseout", imagenOut, true)
}
parent.sumaParte(_x, _y, anchura, altura, mensaje);
}
}
Fíjate que para añadir los eventos he usado addEventListener para los navegadores mozilla, porque no me aceptaba la asignación directa.
Saludos