• Home
  • Forum
  • Fare Web
  • Javascript

mouseOver su area map

  • Creatore Discussione Creatore Discussione pati
  • Data di inizio Data di inizio 7 Gen 2014
P

pati

Utente Attivo
31 Gen 2007
64
0
6
  • 7 Gen 2014
  • #1
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: 7 Gen 2014

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 7 Gen 2014
  • #2
Ciao, a me funziona
cosa non ti funziona?
 
P

pati

Utente Attivo
31 Gen 2007
64
0
6
  • 7 Gen 2014
  • #3
criric ha scritto:
Ciao, a me funziona
cosa non ti funziona?
Clicca per allargare...

Non funziona OnMouseOver. Passando il cursore appare un riquadro bianco con il punto interrogativo dentro...
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 11 Gen 2014
  • #4
appare un riquadro bianco con il punto interrogativo
Clicca per allargare...
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";
 
P

pati

Utente Attivo
31 Gen 2007
64
0
6
  • 15 Gen 2014
  • #5
criric ha scritto:
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";
Clicca per allargare...

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
 
P

pati

Utente Attivo
31 Gen 2007
64
0
6
  • 15 Gen 2014
  • #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!
 
P

pati

Utente Attivo
31 Gen 2007
64
0
6
  • 20 Gen 2014
  • #7
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.606
54
48
TN
  • 20 Gen 2014
  • #8
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
 
P

pati

Utente Attivo
31 Gen 2007
64
0
6
  • 21 Gen 2014
  • #9
criric ha scritto:
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
Clicca per allargare...

Grazie Criric, sono molto interessanti. Me li studio appena possibile. E ti dirò cosa ne verrà fuori!
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

W
OnMouseOver su una map area
  • webene
  • 19 Mag 2004
  • HTML e CSS
Risposte
5
Visite
6K
HTML e CSS 26 Mag 2004
WebDisaster
W
T
[PHP] [HTML] Action direttamente associate a onmouseover
  • tanoferr
  • 22 Ago 2018
  • PHP
Risposte
11
Visite
2K
PHP 3 Set 2018
Rikk73
K
[HTML] Thumbnail (mouseover) + Popup immagine
  • Kina94
  • 16 Nov 2017
  • HTML e CSS
Risposte
1
Visite
2K
HTML e CSS 16 Nov 2017
Max 1
Metodo mouseover associato ad una trasformazione css
  • momeraths
  • 29 Apr 2017
  • jQuery
Risposte
0
Visite
2K
jQuery 29 Apr 2017
momeraths
V
[Javascript] Mouseover
  • Vera
  • 22 Lug 2016
  • Javascript
Risposte
14
Visite
3K
Javascript 21 Ago 2016
Vera
V
L
onmouseover su div parenti indesiderato
  • longosamuel
  • 18 Mar 2016
  • HTML e CSS
Risposte
3
Visite
2K
HTML e CSS 18 Mar 2016
Max 1
F
onmouseover
  • famarinu
  • 5 Nov 2015
  • Javascript
Risposte
3
Visite
1K
Javascript 8 Nov 2015
marino51
Funzione mouseover Javascript
  • Marco_88
  • 23 Apr 2015
  • jQuery
Risposte
3
Visite
4K
jQuery 23 Apr 2015
flameseeker
K
onMouseOver su immagine
  • Kelly
  • 17 Feb 2015
  • Javascript
Risposte
2
Visite
2K
Javascript 2 Mar 2015
Kelly
K
Menu con tendina a comparsa al mouseover
  • Carlito's
  • 15 Ott 2014
  • HTML e CSS
Risposte
1
Visite
3K
HTML e CSS 15 Ott 2014
Max 1
P
onmouseover e onmouseout su hotspot
  • pati
  • 5 Feb 2014
  • Javascript
Risposte
15
Visite
2K
Javascript 13 Feb 2014
LorenzoPi
L
Implementare javascript mouseover con codice php
  • lsnight
  • 23 Ott 2013
  • Javascript
Risposte
2
Visite
2K
Javascript 16 Nov 2013
criric
G
Onmouseout e onmouseover funziona solo lato backend
  • giovannina
  • 12 Ago 2013
  • Joomla
Risposte
0
Visite
2K
Joomla 12 Ago 2013
giovannina
G
K
onmouseover anteprima immagine come in google
  • knele76
  • 6 Dic 2012
  • Javascript
Risposte
2
Visite
3K
Javascript 9 Dic 2012
knele76
K
N
Script mouseover errato
  • npaquito
  • 4 Dic 2012
  • Javascript
Risposte
9
Visite
2K
Javascript 5 Dic 2012
npaquito
N
Problema "onmouseover".
  • LolliPoppingu
  • 16 Nov 2012
  • HTML e CSS
  • 2
Risposte
24
Visite
6K
HTML e CSS 8 Dic 2012
LolliPoppingu
T
applicare un effetto MOUSEOVER su uno SHORTCODE generato da plugin in WORDPRESS
  • totoro_82
  • 7 Set 2012
  • jQuery
Risposte
6
Visite
4K
jQuery 9 Set 2012
criric
H
Funzione onmouseover per mostrare un box con un link da cliccare?
  • hackersatifal
  • 3 Set 2012
  • Javascript
Risposte
3
Visite
3K
Javascript 12 Set 2012
criric
T
applicare un effetto MOUSEOVER su THUMBNAILS generati da SHORTCODE
  • totoro_82
  • 26 Ago 2012
  • WordPress
Risposte
0
Visite
2K
WordPress 26 Ago 2012
totoro_82
T
B
onmouseover, immagini multiple su hotspot map
  • bragi
  • 5 Ago 2012
  • Javascript
Risposte
3
Visite
2K
Javascript 5 Ago 2012
criric
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • Javascript
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?