Tema: oprimir el boton
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/02/2012, 22:50
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: oprimir el boton
Algo de transición?
Jquery

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>
  6. Mostrar ocultar jquery
  7. </title>
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10.  
  11. body {
  12. font-size: 14pt;
  13. font-family: tahoma;
  14. }
  15. p#mostrar{
  16. cursor: pointer;
  17. }
  18. #gracias{
  19. color: #359AFF;
  20. }
  21.  
  22. /*]]>*/
  23. </style>
  24. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
  25. </script>
  26. <script type="text/javascript">
  27. //<![CDATA[
  28.         $(document).ready(function(){
  29.          $("#miForm").hide();
  30.          $("#gracias").hide();
  31.            $("#mostrar").click(function(){
  32.              $("#miForm").show(2000);
  33.            });
  34.            $("#validar").click(function(){
  35.             $("#miForm").hide(500);             
  36.             $("#mostrar").hide();
  37.             $("#gracias").show(1500);
  38.            });        
  39.         
  40.         });
  41. //]]>
  42. </script>
  43. </head>
  44. <body>
  45. <p id="mostrar">
  46. Complete ente formulario
  47. </p>
  48. <form id="miForm" action="#">
  49. <div>
  50. <input type="text" name="nombre" /> <input type="submit" id="validar" value="Validar" />
  51.  
  52. </div>
  53. </form>
  54. <div id="gracias">
  55. Gracias
  56. </div>
  57. </body>
  58. </html>
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.