mappa interattiva - problema

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
salve,

allora ho fatto una sorta di mappa interattiva ; in pratica cliccando su un determinato punto della mappa l'utente vede scorrere differenti img a secondo del punto sulla mappa cliccato; il problema è che ora vorrei aggiungere anche un rispettivo link quindi questo è il codice:

Codice:
	function cambia(alfa,beta){
		$("#score_sopra").animate({"height": "0"},800);
		$("#score_sopra").animate({"height": "200px"},1200);
		
		
		$('#uno').attr('src','mappa/'+alfa+'/'+ '1.jpg');
		$('#due').attr('src','mappa/'+alfa+'/'+ '2.jpg');
		$('#tre').attr('src','mappa/'+alfa+'/'+ '3.jpg');
		
		$("#link_sopra").empty();
		$("#link_sopra").replaceWith(beta);
	}

e questo è quello che ho sul body

HTML:
<div id='sotto' style='margin-bottom:2%;width:960px;'>
					
<div id='link_sopra' style='float:left;width:100%; text-align:center; border:1px solid red;'>link</div>
<div id='score_sopra' style='position:relative; float:left; margin-left:32%; width:350px; height:200px;margin-top:2%;overflow:hidden; border:2px solid black;margin-bottom:2%;'>
					
						<img id='uno' src='mappa/uno.png' />
						<img id='due' src='mappa/due.png' />
						<img id='tre' src='mappa/tre.png' />
						
						
					</div>
				<center>
			
			<IMG SRC="img/mappa.jpg" USEMAP="#Map1" style='width:600px; height:529px; border:5px solid red'>
				</center>

<MAP NAME="Map1">
     <AREA SHAPE="CIRCLE" HREF="#" OnClick="javascript:cambia('paese1','test link1')" title='paese1' alt='paese1' COORDS="445,336,20">
	 
	<AREA SHAPE="CIRCLE" HREF="#" OnClick="javascript:cambia('paese2','test link2')" title='paese2' alt='paese' COORDS="488,317,20">
	 
     <AREA SHAPE="CIRCLE" HREF="#" OnClick="javascript:cambia('paese3','test link3')" title='paese3' alt='paese3' COORDS="445,336,20">

</MAP>

Il problema è che cliccando sul primo punto le img cambiano correttamente - e nel div link_sopra il link viene sostituito ma quando vado a cliccare in un altro punto le img cambiano correttamente mentre il contenuto del div link_sopra rimane e non cambia! come mai dove sbaglio?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
a me il link cambia, ho solo sostituito
HTML:
$("#link_sopra").empty();
$("#link_sopra").replaceWith(beta);
con
HTML:
$("#link_sopra").text(beta);
 
Discussioni simili
Autore Titolo Forum Risposte Data
O Mappa Interattiva PHP 3
asevenx [HTML] Creare mappa interattiva con Illustrator HTML e CSS 5
M Creare mappa immagine interattiva con dati forniti da database PHP 0
M Mappa "interattiva" di isole per browsergame Javascript 7
M Mappa interattiva con jquery ajax e php. jQuery 0
A Help..Mappa Interattiva HTML e CSS 0
F Problemi visualizzazione mappa Android studio Sviluppo app per Android 0
A Copertura: indicizzata, non inviata nella mappa del sito XML 1
A [Javascript] Marker personalizzati su mappa leaflet Javascript 0
C [PHP] Punto su mappa PHP 0
J [Wordpress] Mappa WordPress 2
M [Javascript] Visualizzazione mappa Javascript 1
A [Javascript] Problema visualizzazione posizione corrente su mappa Javascript 2
Trapano [PHP] Mappa con gli indirizzi PHP 3
ecosito [WordPress] Visualizzare una mappa con i pin dei post tramite GPS? WordPress 4
S [Javascript] Creare mappa per ogni utente Javascript 5
felino [Google MyBusiness] Maker non presente durante l'esplorazione della mappa Social Media Marketing 3
F Aggiornare marker su mappa google con una funzione ajax richiamata al cambio di una select Ajax 2
I Salve, ho un probelma con una mappa d'immagini usata come sfondo HTML e CSS 3
L Array multidimensionale mappa browsergame PHP 1
L Overlapping marker mappa google Javascript 0
P modificare mappa sito Javascript 0
P modificare mappa sito Javascript 0
E realizzare una mappa personale e responsive HTML e CSS 6
G Mappa Javascript Presentati al Forum 0
M Mappa all'interno del sito con ricerca delle filiali Javascript 8
L Problema Inserimento Azioni Su mappa vettoriale Javascript 0
M Mappa immagine...vi prego è urgente, devo farlo quanto prima HTML e CSS 5
F zoom jquery mappa jQuery 1
J Mappa che visualizza daove sei PHP 7
F mappa jquery con effetto hover + fancybox Javascript 1
L Problemi a interagire con la mappa sul mio sito jQuery 1
felino Plugin per Mappa del sito WordPress 5
G Scaricare kml da una mappa incorporata in un sito web HTML e CSS 5
U [javascript] visualizzare marker su mappa di google Javascript 10
J Mappa con dati da db PHP 0
S [risolto] Creare una mappa Google per ogni indirizzo Javascript 14
M Mappa immagine con elenco di link reciproci Javascript 0
P Popolare un Database da una mappa di google map PHP 7
P Mostrare punti interesse du una mappa di google maps Javascript 1
M Guida su come inserire la mappa di Goggle con Jumi Joomla 1
A creare una mappa del sito in frame HTML e CSS 0
unkus_nob marker dinamici in mappa google Javascript 3
M mappa generata da librerie gd modificabile tramite form PHP 51
L Centri Media in Italia: mappa dei clienti (aggiornata) SEO e Posizionamento 9
V Mappa di Google su explorer funziona, su CHROME e FIREFOX NO! Javascript 1
A mappa del sito nascosta HTML e CSS 6
G creare mappa + legenda Webdesign e Grafica 13
voldemort Mappa con jQuery jQuery 0
M Gestione di una mappa PHP 3

Discussioni simili