Vale , mea culpa ya di con el fallo , era un error de sitaxtis.
Pero aprobecho este tema para seguir con una duda muy parecida, ¿por que este codigo NO funciona como deberia?
Es un tanto larga para un ejemplo pero es extremadamente sencilla de entender! :
Código:
<head>
<style type="text/css">
#div1{
width:100px;
height:100px;
border:solid 1px #999999;
}
.cambiodecolor{
background:hsla(0,100%,50%,1);
}
.sincambiodecolor{
background:none:
}
#div2{
width:20px;
height:20px;
background:hsla(0,0%,0%,1);
}
</style>
<script language="javascript">
function CambioDeClase(array, c_name)
{
document.getElementById(array).className = c_name;
}
</script>
</head>
<body>
<div id="div1" class="sincambiodecolor" onmouseover="CambioDeClase(['div1'],'cambiodecolor')">
<div id="div2" onmouseout="CambioDeClase(['div1'],'sincambiodecolor')"></div>
</div>
</body>
La función onmouseout No funciona , ¿por que?