Foros del Web - Ver Mensaje Individual

emprear · #6 (**permalink**) 22/02/2012, 06:47

ummmmm... si te referis a cerrarlo sin haberlo enviado, como si fuera una cancelación, podés hacer esto

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Mostrar ocultar jquery
</title>
<style type="text/css">
/*<![CDATA[*/
 
body {
font-size: 12pt;
font-family: tahoma;
}
span#mostrar{
cursor: pointer;
}
span#mostrar:hover{
color: #99270B;
}
#gracias{
color: #359AFF;
}
 
em{
color: #000;
}
/*]]>*/
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
</head>
<body>
<div>
<span id="mostrar">
Complete este formulario
</span>
</div>
<form id="miForm" action="#">
<div>
    <br />
Tu nombre <input type="text" name="nombre" id="nombre" /> <input type="button" id="validar" value="Validar" />
</div>
</form>
<div id="gracias">
Gracias
</div>
<script type="text/javascript">
//<![CDATA[
 
$(document).ready(function(){
$("#miForm").hide();
$("#gracias").hide();
   
$("#mostrar").click(function() {
var txt = $("#miForm").is(':visible') ? 'Complete este formulario' : 'Cancelar envío';
$("#mostrar").text(txt);
$("#miForm").toggle(1000);
});
           
$("#validar").click(function(){
$("#miForm").hide(500);             
$("#mostrar").hide();
var nombre = $("#nombre").val();
$("#nombre").val('');
$("#gracias").html('Gracias <em>' + nombre + '<\/em>');
$("#gracias").show(1500);
});        
        
}); //fin ready
 
//]]>
</script>
</body>
</html>

Saludos