ya e conseguido que cuando pulso encima de la ciudad del mapa se me abra una nueva ventana en el mozilla a una web externa pero como tengo que modificar el codigo javascript para que se me abra una vetana pequeña digamos de 200px de ancho y 200 de alto para cada ciudad??? como se hace esto con javascript.
este es el codigo que tengo:
javascript
:
Código:
<script type="text/javascript">
function loadconst() {
var areas = document.getElementsByTagName("area");
for (var i = 0; i < areas.length; i++) {
areas[i].onmouseover = mouseOver;
areas[i].onmouseout = mouseOut;
}
}
function mouseOver() {
document.getElementById("MAPA").src = "MAPA_map_" + this.id + ".gif";
}
function mouseOut() {
document.getElementById("MAPA").src = "MAPA_MAP_DEFAULT.gif";
}
function open_win()
{
window.open("http://www.marca.com") //e puesto esta web por poner una para probar el codigo //
}
</script>
html:
Código:
<div id="mapa">
<img src="imagenes/MAPA_MAP_DEFAULT.GIF" alt="ESPAÑA" name="MAPAGIF" width="239" height="164" useMap = "#MAP" isMap id="MAPAGIF"></p>
<p><map name = "MAP">
<area id="malaga" coords="84,122,110,156" alt="Draco" shape="RECT" onclick="open_win()" />
<area id="barcelona" coords="153,67,189,100" alt="Draco" shape="RECT" href="http://en.wikipedia.org/wiki/Draco">
<area id="malaga" coords="63,41,121,86" alt="Draco" shape="RECT" href="http://en.wikipedia.org/wiki/Draco">
<area id="madrid" coords="162,35,229,57" alt="Ursa Minor" shape="RECT" href="http://en.wikipedia.org/wiki/Ursa_Minor">
</map>