Foros del Web » Programando para Internet » Javascript »

Problemas con toggle() y onMouseover();

Estas en el tema de Problemas con toggle() y onMouseover(); en el foro de Javascript en Foros del Web. Hola a todos. Llevo peleándome un buen rato con un widget que he programado yo. Os cuento: Cuando paso el mouse por encima hago que ...
  #1 (permalink)  
Antiguo 22/09/2014, 13:34
 
Fecha de Ingreso: septiembre-2014
Mensajes: 2
Antigüedad: 9 años, 7 meses
Puntos: 0
Problemas con toggle() y onMouseover();

Hola a todos.
Llevo peleándome un buen rato con un widget que he programado yo.
Os cuento:
Cuando paso el mouse por encima hago que la imagen cambie y parezca que cambia de color.
Cuando hago click sobre la imagen se despliega un texto hasta nuevo click.

Lo que quiero es que cuando haga click y se despliegue el texto la función onmouseover se esté "quietecita" y la imagen no cambie hasta que el texto se contraiga.

Os dejo el script y el código porque seguro que la modificación que tengo que hacer es sencilla:

CÓDIGO SCRIPT

<script language="javascript" type="text/javascript">
//<![CDATA[

function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
}
else {
ele.style.display = "block";
}
}
//]]>
</script>
-------------------------------------------------------------------------------------------------------------------------

CÓDIGO IMAGEN:

<a id="displayText" href="javascript:toggle();" name="displayText">
<img id="IMAGEN1" style="width: 100%; max-width: 570px;; height:auto;" src= "DIR_IMAGEN1" name="IMAGEN1" onmouseover="this.src='DIR_IMAGEN2';" onmouseout= "this.src='DIR_IMAGEN1;" alt="" /></a>

</blockquote>
<div id="toggleText" style="display: none"><br />
<blockquote>
----------------------------------------------------------------------------------------------------------------------


CÓDIGO TEXTO:
<p style="margin-bottom:0.0pt;"></p>
<blockquote><span style="color:#000000;"><strong>GESTIÓN INTEGRAL.</strong></span></blockquote>

Última edición por aguspz; 23/09/2014 a las 01:37
  #2 (permalink)  
Antiguo 23/09/2014, 06:47
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Problemas con toggle() y onMouseover();

tienes que leer sobre registrar eventos y eliminar eventos
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 23/09/2014, 10:54
 
Fecha de Ingreso: septiembre-2014
Mensajes: 2
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Problemas con toggle() y onMouseover();

Les he echado un buen vistazo a las dos funciones y me veo totalmente incapaz de programar algo así yo solo. Y mira que he programado en C y C++ pero esto me supera bastante.

Solo quiero que al hacer click el mouseover se detenga y al hacer click otra vez se restablezca u otra solución para que cuando se despliegue el texto la imagen se quede en "modo oscuro" hasta nuevo click. Si alguien me lo puede dar "mascadito" se lo agradecería mucho.


Saludos y gracias por la ayuda.

Última edición por aguspz; 23/09/2014 a las 12:37

Etiquetas: toggle
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:46.