etiwueta map

boniki · #1 (**permalink**) 07/08/2010, 03:15

Estoy haciendo una pagina la cual contiene una imagenconpuesta por imagenes y texto. He usado la etiqueta map para que cuando clique en un determinado punto de la imagen me salga otra imagen mas pequena. Mi problema es que no se como hacer para que la imagen pekena salga en una ventana de un concreto tamano. Lo se hacer con la etiqueta a href pero no con map.
Agradeceria mucho si alguien me pudiera echar una mano.
Muchas gracias

boniki · #2 (**permalink**) 07/08/2010, 04:08

He conseguido hacerlo de esta forma, pero ahora solo me deja mapear una vez ( el segundo mapeo no funciona). Si alguien me pudiera echar un vistazo al codigo y decirme que ago mal lo agradeceria

<head>
<script type="text/JavaScript">
function popup(url)
{
window.open(url, '', 'top=0, left=0, height=400, width=580')
}
</script>

</head>

<body>
<p>
<center><img src="MP_website-1.gif" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="29,422,116,445" href="#" onclick=popup('submenus/english_breakfast.html')>
<area shape="rect" coords="28,446,150,467" href="#" onclick=popup('submenus/baked_potatoes.html')/>
</map></center>
</body>

emprear · #3 (**permalink**) 07/08/2010, 19:22

Prueba esto

function abrirNV(URL,ventana) {
var nuevaventana =window.open(URL,'ventana','scrollbars=yes,width=8 00, height=600, left=500,top=60');
nuevaventana.focus();
}

y en tus links

onclick="abrirNV('la_url,'v1');return false;"

donde la_url es la pagina que queres abrir
y v1 es el nombre de la ventana, si vas a mantener varias ventanas abiertas podes usar v1, v2,v3 etc. si no dale a todas v1, que es lo más practico ya que con la función la ventana abierta como popup siempre se mantiene en foco.
si lo haces de otra forma cada vez que hagan click fuera de la ventana sin cerrarla esta se minimiza y a no se que la busquen en la barra de tareas no va a aparecer.
Saludos