Foros del Web » Programando para Internet » Javascript » Frameworks JS »

closeForm

Estas en el tema de closeForm en el foro de Frameworks JS en Foros del Web. Hola disculpen la molestia, queria saber si podrian ayudarme a cerrar el div enviando un mensaje (#sent) al tocar el boton Enviar. Estoy usando los ...
  #1 (permalink)  
Antiguo 07/03/2009, 17:07
 
Fecha de Ingreso: diciembre-2008
Mensajes: 38
Antigüedad: 15 años, 11 meses
Puntos: 0
closeForm

Hola disculpen la molestia, queria saber si podrian ayudarme a cerrar el div enviando un mensaje (#sent) al tocar el boton Enviar.

Estoy usando los siguiente datos:

Formulario
Cita:
<div id="contact">
<div id="content">
<form id="form" action="#" method="post">
<input id="name" class="validate['required','length[7,-1]','nodigit'] text-input" name="name" value="Nombre"/>
<input id="telephone" class="validate['required','length[8,-1]','alphanum'] text-input" name="telephone" value="Teléfono"/>
<input id="email" class="validate['required','email'] text-input" name="email" value="E-Mail"/>
<input id="comment" class="validate['required','length[20,-1]','alphanum'] text-input" name="comment" value="Comentario"/>
<input id="submit" value="" type="submit" onClick="closeForm()"/>
<span id="sent">El mensaje se ha enviado correctaménte. Gracias!</span>
</form>
</div>
</div>
Links
Cita:
<div id="nav">
<h1 id="principal"><a id="selected" href="index.html">Principal</a></h1>
<h1 id="repuestos"><a href="repuestos.html">Repuestos</a></h1>
<h1 id="contacto"><a href="#">Contacto</a></h1>
</div>
CSS
Cita:
#contact{
background: #dedcd5; position: relative; margin-bottom: 2em;
}

#contact #content{
background-color: #dedcd5; width: 550px; height: 100px; padding-bottom: 25px; margin: 0 auto;
}

#name, #telephone, #email{
width: 30%; height: 100%; padding: 2px; outline:none;
}

#comment{
width: 94%; height: 55px; padding: 2px; margin-top: 8px; outline: none;
}

#submit{
background: transparent url(../images/form/enviar.png) no-repeat; width: 70px; height: 31px; border: none; text-indent: -1000em; margin-top: 10px; position: relative; left: 550px; top: -42px;
}

#sent{
color: #000; position: relative; top: -20px; left: 57px; display: none;
}
MooTools
Cita:
window.addEvent('domready', function(){
$('contact').setStyle('height','auto');
var mySlide=new Fx.Slide('contact').hide();
$('contacto').addEvent('click', function(e){
e=new Event(e);
mySlide.toggle();
e.stop();
});
});
Intente usar el siguiente codigo que encontre, pero no funciono, y al no tener conocimiento no se como modificarlo para que funcione:

Cita:
function closeForm(){
$("#sent").show("slow");
setTimeout('$("#sent").hide();$("#contact").slideU p("slow")', 2000);
}
Muchisimas gracias a todos.

Suertee!! =)

Última edición por nusee; 07/03/2009 a las 17:14
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 20:02.