Question

Necesito ayuda de la familia, mi objetivo es el siguiente: tengo un Div que tiene una imagen o unos colores asignados vale? Entonces onMouseOver quiero que esos colores cambien y onMouseOut quiero que vuelva a como estaba originariamente. También quiero, el próximo paso, que onMouseOver ese div concreto se muestre otro div que va a contener texto e información.

He intentado con algo así:

<script type="text/javascript">
  function draw(col,objeto)
  {
    objeto.bgColor=col;
  }
</script>
<div id="limpiezapro" onmouseover="draw('#FFF',this)" onmouseout="draw('00F',this)">Testing DIV changing colour
</div>

En realidad para hacer lo que quiero hacer debería hacer una función que fuera drawandshow que cambiara el color o mostrara imagen (todavía está por ver) y después de eso mostrara un div nuevo cambiando la propiedad de display none a display block o algo así.

El tema es que no funciona, sin embargo si hago esto:

<div id="limpiezapro" onmouseover="javascript:alert('boo');" onmouseout="draw('00F',this)">Testing DIV changing colour
</div>

Sí funciona y muestra la alerta....

Me podéis ayudar?

SaludoS!

Answer 1

Disculpad el multiposting pero he solucionado mi problema utilizando la asignación del estilo en el propio evento:

<div id="limpiezapro" onmouseover="this.style.background='#FFF';limpiezaprotext.style.display='block';" onmouseout="this.style.background='green';limpiezaprotext.style.display='none';">

Con ese código consigo que cambie el estilo como quiero y que además se muestre otro div y se oculte cuando dejamos de pasar por encima.