mouseOver su area map

pati

Utente Attivo
31 Gen 2007
64
0
6
Salve a tutti. Ho cercato la risposta al mio problema sul forum. Anzi partendo dal vostro tutorial
https://www.mrw.it/javascript/rollover-multiplo-mappe-immagine-dhtml_7080.html, sto cercando di attivare la funzione OnMouseOver su un hotspot di Dreamweaver ma non mi funziona. Questo il codice:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">
function RollMapOn(i)
{
    var IMG = document.getElementById("mappa");
    IMG.src = "mappa_" + i + ".gif";
}
function RollMapOff()
{
    var IMG = document.getElementById("mappa");
    IMG.src = "mappa.gif";
}
</script>


</head>

<body>
<img src="mappa.gif" width="430" height="442" border="0" usemap="#mappa" name="mappa" id="mappa"></td>

<map name="mappa">
  <area shape="poly" coords="38,93,59,103,88,101,128,142,131,158,147,162,158,171,156,187,156,217,148,218,136,205,130,215,132,203,120,204,116,193,102,195,84,188,73,184,71,169,62,159,50,154,40,156,36,149,29,151,26,139,23,115,38,110"
  href="4.htm" 
  onmouseover="RollMapOn(1)" onmouseout="RollMapOff()">
</map>
</body>
</html>
Dove sbaglio?
Grazie a tutti!
pati
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, a me funziona
cosa non ti funziona?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
appare un riquadro bianco con il punto interrogativo
l'evento in se pare funzionare
forse non trova l'immagine perchè hai sbagliato il percorso o il nome
Codice:
IMG.src = "mappa_" + i + ".gif";
 

pati

Utente Attivo
31 Gen 2007
64
0
6
l'evento in se pare funzionare
forse non trova l'immagine perchè hai sbagliato il percorso o il nome
Codice:
IMG.src = "mappa_" + i + ".gif";

Ciao criric, scusa ma non mi sono più collegata. L'immagine di fondo si chiama mappa.gif, l'immagine del rollover mappa_01.gif e si trovano alla stessa altezza del file htm
 

pati

Utente Attivo
31 Gen 2007
64
0
6
Ciao criric, scusa, ho cercato di modificare la mia risposta ma invano. In realtà funziona, sbagliavo il nome della gif del rollOver! Ma il problema è diverso, il codice va benissimo. Quello che cerco è cambiare solo una parte della gif iniziale. Cioè, nella fattispecie dell'esempio, vorrei che il rollOver attivasse solo il quadratino rosso e non tutta la gif. In questo modo avrei tante piccole gif relative solo all'area interessata. Spero di riuscire a spiegarmi bene. Tutto questo perchè dovrò lavorare su molte aree di una stessa gif iniziale. Grazie delle tue risposte e spero che potrai darmi un consiglio!
 

pati

Utente Attivo
31 Gen 2007
64
0
6
Avrei trovato un espediente ma........non è proprio perfetto! Creo l'area map, con link ad altra pagina html, sull'immagine di sfondo e una div, che posiziono sopra l'area sensibile tracciata, e al cui interno inserisco un'immagine png che dovrebbe apparire con il passaggio del cursore sull'area sensibile. Funzionerebbe, nel senso che passando con il mouse si attiva l'immagine png seppure "traballante" ma non funziona il link assegnato all'area sensibile. Spero di essermi spiegata bene:crying:
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Il discorso è abbastanza complesso e non ho avuto il tempo di approfondire un eventuale soluzione.
in questi casi mio malgrado mi affido a plugin preconfezionati
prova a dare un occhiata a questi esempi
 

pati

Utente Attivo
31 Gen 2007
64
0
6
Il discorso è abbastanza complesso e non ho avuto il tempo di approfondire un eventuale soluzione.
in questi casi mio malgrado mi affido a plugin preconfezionati
prova a dare un occhiata a questi esempi

Grazie Criric, sono molto interessanti. Me li studio appena possibile. E ti dirò cosa ne verrà fuori!
 
Discussioni simili
Autore Titolo Forum Risposte Data
K [HTML] Thumbnail (mouseover) + Popup immagine HTML e CSS 1
momeraths Metodo mouseover associato ad una trasformazione css jQuery 0
V [Javascript] Mouseover Javascript 14
Marco_88 Funzione mouseover Javascript jQuery 3
Carlito's Menu con tendina a comparsa al mouseover HTML e CSS 1
lsnight Implementare javascript mouseover con codice php Javascript 2
N Script mouseover errato Javascript 9
T applicare un effetto MOUSEOVER su uno SHORTCODE generato da plugin in WORDPRESS jQuery 6
T applicare un effetto MOUSEOVER su THUMBNAILS generati da SHORTCODE WordPress 0
L mouseover > onMouseDown Javascript 0
F Imageslider con testo a scomparsa mouseover Javascript 2
A aiuto "Vertical Mouseover Scrolling" Javascript 2
P effetto mouseover sballato HTML e CSS 20
D Effetto mouseover su sezione forum HTML e CSS 3
C aiuto funzione mouseover Javascript 2
F [PHP] Reindirizzare utenti alla propria area personale PHP 1
gandalf1959 [PHP] Verifica password per accesso ad area riservata PHP 3
KOMODO_JOE [WordPress] Area privata per ogni utente su altervista WordPress 1
M [WordPress] [HTML] AREA RISERVATA CON PROFILAZIONE WordPress 2
F [Photoshop] come riempire un area selezionata su un layer trasparente con colore solido Photoshop 0
D [Javascript] Text area visibile Javascript 0
F [PHP] Creare un'area web riservata PHP 13
W Area riservata sicura PHP MySQL PHP 12
Z Semplice area privata in php PHP 6
I Area riservata in PHP PHP 2
I [PHP] CURL per accesso ad area riservata PHP 6
I [WordPress] area membri WordPress 1
S [WordPress] [HTML] Bordo di selezione area - Link di ancoraggio WordPress 3
W. YouneS Area riservata con php e mysql PHP 0
trattorino [Javascript] [HTML] risultato imput dentro text area Javascript 2
4potere [WordPress] Plugin raccolta clienti, area dedicata ad ogni cliente WordPress 0
W [ASP] Password Login per area riservata Classic ASP 13
T Richiamare il click su un input type="image" alla pressione del tasto invio su una text area. PHP 0
JohnnyIbiza021a Programmare area personale per singolo utente PHP 12
Recover Area riservata con database PHP 11
gandalf1959 problema con header in area riservata PHP 4
A area riservata in php senza data base PHP 19
Giuliana Signorello WP: Creare un booking multi-struttura con area agenzie annessa WordPress 0
V area ripetuta e cambiamento background in foto PHP 0
Recover db in sola lettura su area riservata WordPress 1
L Accesso area riservata tramite QR code WordPress 3
felino Disattivare gli annunci temporaneamente dell'area amministrativa Google AdSense 0
A accesso area riservata nn funziona più PHP 1
A Area riservata con login e mysql ma nn mi logga PHP 1
E consigli per piccola area riservata PHP 4
Elisacau Area riservata.. WordPress 2
M problema creazione nuova area widget WordPress 0
I Area riservata con contenuto personalizzato per i registrati? CMS (Content Management System) 0
S realizzare un' area di login completa costo... Offerte e Richieste di Lavoro e/o Collaborazione 2
A [RISOLTO]Ripulire una text-area con un click Javascript 4

Discussioni simili