Foros del Web - Ver Mensaje Individual - onmouseout se ejecuta aun sin quitar el mouse

quimfv · #2 (**permalink**) 15/11/2011, 06:04

Necesitas ese span?

Lo digo porque tal y como nos lo pasas no hace absolutamente nada....

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
</head>
<script language="JavaScript" type="text/JavaScript">
var widthBMv=0;
function aumentardiv(id)
{
    var div = document.getElementById('menu'+id);
    widthBMv = widthBMv + 1;
    var width_aux = div.style.width;
    width_aux = width_aux.substr(0,width_aux.length - 2);
        if(parseInt(width_aux) >= 350){
        div.style.width = '350px';
                clearInterval(tempoautD_aux);
                tempoautD_aux = '';
        return;
    }else{
            width_aux = parseInt(width_aux) + parseInt(widthBMv);
            div.style.width = width_aux + 'px';
    }
    tempoautD_aux = setTimeout("aumentardiv("+id+")",10);
}
 
function disminuirdiv(id)
{
    var div = document.getElementById('menu'+id);
    widthBMv = widthBMv - 1;
    var width_aux = div.style.width;
    width_aux = width_aux.substr(0,width_aux.length - 2);
    if(parseInt(width_aux) <= 238){
        div.style.width = '238px';
                clearInterval(tempoautD_aux);
                tempoautD_aux = '';
        return;
    }else{
                width_aux = parseInt(width_aux) + parseInt(widthBMv);
               div.style.width = width_aux + 'px';
    }
    tempoautD_aux = setTimeout("disminuirdiv("+id+")",10);
}</script>
 
<body>
<div id='menu0' style='width: 238px;background-color: #CC6666;' onmouseover='javascript:aumentardiv(0)' onmouseout='javascript:disminuirdiv(0);'>
<span style=';background-color: #666666;'>Item 1</span>
</div>
</body>
</html>

Aqui verás en colores distintos el div y el span.

He hecho esta prueba en fire y en ie y parece que funciona...

Solo se repiten los eventos cuando colocas el mouse en una zona de pantalla que entra y sale de del div en funcion de los cambios de tamaño que provoca el script pero tanto si tienes el span como si no lo tienes...