Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] no puedo ocultar un formulario con jquery atraves de un button

Estas en el tema de no puedo ocultar un formulario con jquery atraves de un button en el foro de Jquery en Foros del Web. Quiero hacer q cuando le doy click al boton volver que esta en el <li class="izquierda"> desaparesca el formulario "contenedor" y muestre el formulario "contenedor_selector" ...
  #1 (permalink)  
Antiguo 11/11/2015, 21:09
 
Fecha de Ingreso: julio-2015
Mensajes: 13
Antigüedad: 4 años, 4 meses
Puntos: 0
no puedo ocultar un formulario con jquery atraves de un button

Quiero hacer q cuando le doy click al boton volver que esta en el <li class="izquierda">desaparesca el formulario "contenedor" y muestre el formulario "contenedor_selector",lo hice de la siguiente forma pero no me funciona en el jquery.

Gracias

Cita:

<div id="contenedor_selector">
<ul>
<li>
<label for="campingtext ">Registra tus autos</label>
<div id="button_c">
<dt class="buttom_sc"> prueba </dt> </div>

</li>
<li>
<label for="usertext">Registrate </label>
<div id="button_c2">
<dt class="buttom_sc"> prueba 2 </dt> </div>
</li>
</div>
</ul>

<div id="contenedor">

<form method="post" action="#">
<ul>
<h2>Registra tu camping</h2>
<li class="izquierda">
<div>
<span class="completo">
<label for="nombre">Nombre</label>
<input id="nombre" name="nombre" value="" />
</span>

<span class="completo">
<label for="apellido">Apellido</label>
<input id="apellido" name="apellido" value="" />
</span> </div>
</li>

<li class="izquierda">

<div>
<span class="completo">
<label for="direccion">Direccion</label>
<input id="direccion" name="direccion" value="" />
</span>
<span class="tercio">
<label for="provincia">Provincia</label>
<select id="provincia" name="provincia">
<option value=""></option>
<option value="provincia1">Provincia 1</option>
<option value="provincia2">Provincia 2</option>
<option value="provincia3">Provincia 3</option>
</select>

<span class="dostercios">
<label for="municipio">Ciudad</label>
<input id="ciudad" name="ciudad" value="" />
</span> </span>
<span class="tercio">
<label for="codigopostal">Código postal</label>
<input id="codigopostal" name="codigopostal" value="" />
</span> </div>
</li>

<li class="izquierda">


<div>
<span class="completo">
<label for="email" for="email">Email</label>
<input id="email" name="email" value="" />
</span> </div>
</li>

<li class="izquierda">


<div>
<span class="mitad">
<label for="telefonofijo">Usuario</label>
<input id="telefonofijo" name="telefonofijo" value="" />
</span>

<span class="mitad">
<label for="telefonomovil">Contraseña</label>
<input id="telefonomovil" name="telefonomovil" value="" />
</span> </div>
</li>

<li class="izquierda">
<div>
<span class="mitad">
<label for="telefonomovil">capcha</label>
<input id="capcha" name="capcha" value="" />
</span>

<span class="botones">

<input id="alta" type="submit" value="Darme de alta &rarr;" />
<input type="submit" id="alta1" value="Volver &rarr;" />
</span> </div>
</li>
</ul>
</form>
</div>
</div>



Cita:
$(document).ready(function(){
$('.buttom_sc').mouseenter(function() {
$(this).fadeTo('fast',0.1);
});

$(document).ready(function() {
$("#button_c").click(function() {
$("#contenedor").show('slow');
$("#contenedor_selector").hide();
});

$(document).ready(function() {
$("#button_c2").click(function() {
$("#contenedor2").show('slow');
$("#contenedor_selector").hide();
});

$(document).ready(function(){
$("#alta1").click(function() {
$("#contenedor").hide();
$("#contenedor_selector").show('slow');
});
});
  #2 (permalink)  
Antiguo 12/11/2015, 02:06
Avatar de Trublux  
Fecha de Ingreso: octubre-2010
Ubicación: Madrid
Mensajes: 355
Antigüedad: 9 años, 1 mes
Puntos: 48
Respuesta: no puedo ocultar un formulario con jquery atraves de un button

No estás parando el comportamiento por defecto de los input, así que supongo que el formulario se está enviando, ¿no?.

Usa event.preventDefault().
__________________
eZ Publish Developer Basic Legacy
eZ Publish Developer Basics (4.4)
Alojamientos rurales en España
  #3 (permalink)  
Antiguo 12/11/2015, 17:32
 
Fecha de Ingreso: julio-2015
Mensajes: 13
Antigüedad: 4 años, 4 meses
Puntos: 0
Respuesta: no puedo ocultar un formulario con jquery atraves de un button

gracias,me funicono.Una consulta como el tema de los comportamientos de los input?
  #4 (permalink)  
Antiguo 13/11/2015, 16:32
Avatar de Trublux  
Fecha de Ingreso: octubre-2010
Ubicación: Madrid
Mensajes: 355
Antigüedad: 9 años, 1 mes
Puntos: 48
Respuesta: no puedo ocultar un formulario con jquery atraves de un button

No te entiendo.
¿Preguntas cual es el comportamiento de un input? Si es eso, el comportamiento de los tipo submit es enviar el formulario.
__________________
eZ Publish Developer Basic Legacy
eZ Publish Developer Basics (4.4)
Alojamientos rurales en España

Etiquetas: button, formulario
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 16:44.