Ciao a tutti, ho fatto questo semplicissimo esempio:
In pratica, è un div che contiene del testo e appena il mouse va al di fuori del div "cont" (ovvero di se stesso), esso scompare; tutto ok, perfetto, funziona...Codice PHP:<html>
<head>
<style>
div{
border: 1px solid #000000;
}
div#cont{
border: 1px solid #FF0000;
padding: 25px 25px 25px 25px;
}
</style>
<script>
function status(st){
document.getElementById('text').value = st;
}
</script>
</head>
<body>
<div id="cont" onMouseOver="status('dentro')" onMouseOut="status('fuori');this.style.visibility='hidden'">
uno
due
tre
</div>
<input type="text" id="text"/>
</body>
</html>
La stranezza sta in questo caso:
Ovvero, mettendo il testo all'interno di altri div annidati, quando il mouse va sopra ad uno dei tre div ("uno","due" o "tre"), il div principale scompare!!!! (div "cont"). Per quale motivo?Codice PHP:<html>
<head>
<style>
div{
border: 1px solid #000000;
}
div#cont{
border: 1px solid #FF0000;
padding: 25px 25px 25px 25px;
}
</style>
<script>
function status(st){
document.getElementById('text').value = st;
}
</script>
</head>
<body>
<div id="cont" onMouseOver="status('dentro')" onMouseOut="status('fuori');this.style.visibility='hidden'">
<div id="uno">uno</div>
<div id="due">due</div>
<div id="tre">tre</div>
</div>
<input type="text" id="text"/>
</body>
</html>
E' come se l'evento le zone occupate dai tre div, fossero esterne al div principale...
Boh...
vi ringrazio Max
ps: utilizzo internet explorer
Rispondi quotando
). se invece all'interno del div ci sono altri tag in effetti l'evento onmouseout è sollevato anche quando finisco con il cursore su questi ultimi. A questo punto mi chiedo: è l'evento onmouseover dei tag interni a scatenare automaticamente l'evento onmouseout del div principale? e se sì per ovviare il problema non potrei disattivare l'evento onmpuseover dei tag interni? si accettano suggerimenti 