Estoy usando los siguiente datos:
Formulario
Cita:
Links<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>
<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>
Cita:
CSS<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>
<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>
Cita:
MooTools#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;
}
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;
}
Cita:
Intente usar el siguiente codigo que encontre, pero no funciono, y al no tener conocimiento no se como modificarlo para que funcione: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();
});
});
$('contact').setStyle('height','auto');
var mySlide=new Fx.Slide('contact').hide();
$('contacto').addEvent('click', function(e){
e=new Event(e);
mySlide.toggle();
e.stop();
});
});
Cita:
Muchisimas gracias a todos.function closeForm(){
$("#sent").show("slow");
setTimeout('$("#sent").hide();$("#contact").slideU p("slow")', 2000);
}
$("#sent").show("slow");
setTimeout('$("#sent").hide();$("#contact").slideU p("slow")', 2000);
}
Suertee!! =)