Foros del Web » Programación web » Javascript »

Error extraño, debo hacer doble clic la primera vez para abrir un enlace

Estas en el tema de Error extraño, debo hacer doble clic la primera vez para abrir un enlace en el foro de Javascript en Foros del Web. Hola a todos, Tengo un error extraño que no encuentro solución. Tengo un div como enlace para abrir otro div que contiene un formulario. Lo ...
  #1 (permalink)  
Antiguo 23/12/2011, 16:22
 
Fecha de Ingreso: diciembre-2011
Mensajes: 4
Antigüedad: 2 años, 9 meses
Puntos: 0
Error extraño, debo hacer doble clic la primera vez para abrir un enlace

Hola a todos,

Tengo un error extraño que no encuentro solución. Tengo un div como enlace para abrir otro div que contiene un formulario. Lo extraño es que la primera vez que se carga la página debo hacer doble clic sobre dicho enlace, pero a partir de ese momento con hacer un simple clic (lo que debería ser normal) cierro o abro el otro div del formulario. ¿A qué puede ser debido el error para hacer necesario, la primera vez, el realizar doble clic sobre el enlace?

Os copio el código para ver si me pudierais ayudar:

HTML:

<div id="Formulario">
<div id="contFormulario"></div>
<div id="abrirCerrar2"></div>
<div id="abrirFormulario"><img src="../images/sobre.png" /></div>
<div id="abrirCerrar3"></div>
</div>


JS:

$(document).ready(function()
{
$("#abrirFormulario").click( function()
{
if ($("#abrirCerrar2").is(":hidden"))
{
$("#contFormulario").animate(
{
marginLeft: "35%"
}, 2000);
$("#abrirCerrar2").show();
}
else
{
$("#contFormulario").animate(
{
marginLeft: "60.8%"

}, 2000 );
$("#abrirCerrar2").hide();
}

if ($("#abrirCerrar3").is(":hidden"))
{
$("#abrirFormulario").animate(
{
marginLeft: "31.45%"
}, 2000);
$("#abrirCerrar3").show();
}
else
{
$("#abrirFormulario").animate(
{
marginLeft: "57.25%"
}, 2000 );
$("#abrirCerrar3").hide();
}
});
});

CSS:

#contFormulario
{
float:left;
clear: left;
margin-top: 8.8em;
margin-left: 60.8%;
width: 20em;
max-width: 25%;
height: 19.2em;
background-color: #424242;

-moz-border-radius: 2em 0em 0em 4em;
border-radius: 2em 0em 0em 4em;
-webkit-border-radius: 2em 0em 0em 4em;

behavior: url(ie-css3.htc);

border-style: solid;
border-color: #3299bb;
color: #bcbcbc;

-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;

position: absolute;
}

#abrirFormulario
{
float:left;
clear: left;
margin-top: 16.8em;
margin-left: 57.25%;
width: 3em;
max-width: 25%;
height: 3.2em;
background-color: #424242;

-moz-border-radius: 0.8em 0em 0em 1.6em;
border-radius: 0.8em 0em 0em 1.6em;
-webkit-border-radius: 0.8em 0em 0em 1.6em;

behavior: url(ie-css3.htc);

border-left-style: solid;
border-top-style: solid;
border-bottom-style: solid;
border-left-color: #3299bb;
border-top-color: #3299bb;
border-bottom-color: #3299bb;
color: #bcbcbc;

-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;

position: absolute;
}

#abrirFormulario:hover
{
background-color: #3299bb;
cursor: pointer;
}



Espero que me podais ayudar, gracias a todos!!!
  #2 (permalink)  
Antiguo 24/12/2011, 16:04
Avatar de truman_truman  
Fecha de Ingreso: febrero-2010
Ubicación: C:\xampp\htdocs
Mensajes: 1.281
Antigüedad: 4 años, 8 meses
Puntos: 167
Respuesta: Error extraño, debo hacer doble clic la primera vez para abrir un enlace

probá reemplazando is(":hidden") por is(":visible")
__________________
APRENDE -> mundocampus.com.ar

Etiquetas: clic, doble, enlace, extraño, formulario, html, js, primera, vez
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 12:20.
SEO by vBSEO 3.3.2