onmouseover su div parenti indesiderato

longosamuel

Nuovo Utente
22 Feb 2016
5
0
0
Salve, sono nuovo, ho postato solo due volte quì:byebye:
Avrei un problema; premetto che non sapevo dove collocare la domanda, visto che riguarda un po' html, css ma anche javascript, comunque, ho un div principale che contiene, al suo interno, altri div che, disposti uno sotto l'altro, formano una specie di tendina, vi metto un esempio:
...
HTML:
<div id="primario" onmouseover="funzione1()" onmouseout="funzione2()">
      <div id="secondario-uno">
           </div>

      <div id="secondario-uno">
           </div>

      <div id="secondario-uno">
           </div>
   </div>
...

come vedete il div primario ha anche gli attributi "onmouseover" e "onmouseout"
Adesso, il problema è che, passando da un div secondario all'altro, rimanendo quindi dentro al div primario, il browser percepisce come se il puntatore del mouse sia stato spostato dal div primario (essendo spostato, in realtà solo da un div secondario a un altro senza uscire dal perimetro del div primario) e quando il puntatore da un div secondario passa ad un altro div secondario, il browser percepisce, oltre a quanto detto sopra, anche l'onmouseover sul div secondario di destinazione. In poche parole, spostando il puntatore del mouse da un div secondario ad un altro, pur rimanendo entro i confini del div primario, si verificano entrambi gli eventi. Esiste un modo per evitare questo problema e far sì che gli eventi onmouseover e onmouseout si verifichino SOLO quando esco dai perimetri del div primario?
Grazie in anticipo.
 
Ultima modifica:

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Non sei molto chiaro in ciò che vuoi fare! Comunque se tu metti un'istruzione nel div contenitore fino a che ti tro dentro al quel div, che tu sia su un div figlio l'istruzione del div padre resta attiva, ci sono vari modi per aggirare il problema ma bisognerebbe avere più chiara la situazione e ancora meglio vedere la pagina.

Ricorda:
Che tre div con lo stesso id non possono esistere nella stessa pagina
 

longosamuel

Nuovo Utente
22 Feb 2016
5
0
0
Non sei molto chiaro in ciò che vuoi fare! Comunque se tu metti un'istruzione nel div contenitore fino a che ti tro dentro al quel div, che tu sia su un div figlio l'istruzione del div padre resta attiva, ci sono vari modi per aggirare il problema ma bisognerebbe avere più chiara la situazione e ancora meglio vedere la pagina.

Ricorda:
Che tre div con lo stesso id non possono esistere nella stessa pagina

Sì, scusa, so che non devono avere lo stesso id, è che ho fatto copia e incolla. Per quanto riguarda quello che voglio fare, gli attributi onmouseover e onmouseout sono stati inseriti solo nel tag del div primario, ma, purtroppo, se mi muovo tra i div secondari, anche senza uscire effettivamente dal div primario -visto che i secondari sono di fatto all'interno del primario- il browser percepisce comunque, ogni volta, entrambi gli eventi, l'onmouseout per primo, quando lascio il div secondario di partenza e l'onmouseover dopo, quando il puntatore arriva sul div secondario di destinazione. Mi scuso se non sono molto chiaro, appena riuscirò, cercherò di presentare il sito...
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Allora non vedendo niente vado a naso! Prova in questo modo con la speranza che funzioni:
Codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#primario, #secondario-uno, #secondario-due, #secondario-tre {
	z-index:999;
}
</style>
</head>

<body>
<div id="primario">
      <img onmouseover="funzione1()" onmouseout="funzione2()" style="z-index:0;" src="immagine.gif" width="100%" height="100%" alt="" >
      <div id="secondario-uno">
      </div>
      <div id="secondario-due">
      </div>
      <div id="secondario-tre">
           </div>
</div>
</body>
</html>
Ovvio che la gif deve essere una gif trasparente
 
Discussioni simili
Autore Titolo Forum Risposte Data
T [PHP] [HTML] Action direttamente associate a onmouseover PHP 11
F onmouseover Javascript 3
K onMouseOver su immagine Javascript 2
P onmouseover e onmouseout su hotspot Javascript 15
G Onmouseout e onmouseover funziona solo lato backend Joomla 0
K onmouseover anteprima immagine come in google Javascript 2
LolliPoppingu Problema "onmouseover". HTML e CSS 24
H Funzione onmouseover per mostrare un box con un link da cliccare? Javascript 3
B onmouseover, immagini multiple su hotspot map Javascript 3
S Codice OnMouseOver Javascript 6
I onclick non cambia l'immagine invece onmouseOver e Out si Javascript 9
K Script - onmouseover compaiono immagine e testo Javascript 15
elilabruja onmouseover in php PHP 9
E [JAVA] modificare Script per evento onmouseover Javascript 0
T Aiuto effetto onmouseover immagine si allunga e compare testo Javascript 0
I onMouseOver su immagini Javascript 23
K testo ed img alternati con onmouseover Javascript 5
K onmouseover HTML e CSS 8
J OnMouseover Slideshow Javascript 0
T Onmouseover slideshow Javascript 3
K onmouseover in altro frame Javascript 2
D Problema onmouseover Javascript 0
Z png: OnMouseOver e UseMap Javascript 5
A onMouseOver Javascript 6
S Usare onmouseover con 'campo immagine' e non al tag <img> Javascript 3
D evento onmouseover Javascript 9
sbobby OnMouseOver HTML e CSS 3
H problemi con onmouseover e GetElementById Javascript 1
M OnMouseOver non funziona Javascript 1
purno Cambio immagine con onMouseOver: HTML e CSS 7
§ onmouseover finestrella Javascript 2
C Marquee verticale che si ferma onmouseover HTML e CSS 8
W OnMouseOver su una map area HTML e CSS 5
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1

Discussioni simili