ciao a tutti.
vorrei creare un caricamento condizionale di una mappa di navigazione.
al click su una mappa, dovrebbe apparirne un'altra con relativa mappa all'interno di un DIV sovrapposto a quella iniziale, senza cancellarla.
viaggia.php
ajax.js:
solo che
1) non mi carica la variabile localita e qundi mi carica male l'immagine
2) non ho idea di dove scrivere la mappa immagne, per inserirla nel div giusto.
grazie
vorrei creare un caricamento condizionale di una mappa di navigazione.
al click su una mappa, dovrebbe apparirne un'altra con relativa mappa all'interno di un DIV sovrapposto a quella iniziale, senza cancellarla.
viaggia.php
HTML:
<script type="text/javascript" src="script/ajax.js"></script>
...
<div id='contenitore_continente'></div>
<div align="center" style="border: 1px solid black; width: 50%; margin-left: 20%">
<img src="immagini/mondo.jpg" width="800" height="300" border="0" usemap="#Planisfero">
<map name="Planisfero">
...
<area shape="rect" coords="4,194,136,296" href="java-script:carica_mappa('continente','A')">
...ajax.js:
HTML:
...
function carica_mappa(tipo, localita){
var xmlHttp = getNewHTTPObject();
var url = "viaggia.php";
xmlHttp.open('POST', url, true);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = function img(localita){
if (xmlHttp.readyState != 4){
return;
}
var img = new Image(300, 300);
img.src = "immagini/continente"+localita+".jpg";
contenitore_continente.appendChild(img);
contenitore_continente.innerHtml = mappa_immagine; //non so dove crearla
}
var risorse = escape(tipo)+"="+escape(localita);
xmlHttp.send(risorse);
}solo che
1) non mi carica la variabile localita e qundi mi carica male l'immagine
2) non ho idea di dove scrivere la mappa immagne, per inserirla nel div giusto.
grazie
