Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: DaNuK en 27 Julio 2013, 03:03 am



Título: dialog jquery ui
Publicado por: DaNuK en 27 Julio 2013, 03:03 am
Buenas tardes a todos
en esta ocasion acudo a ustedes para realizarles una consulta sobre dialog de jquery
Es posible manejar dos dialog en el mismo archivo???
es decir si cierro uno y que automaticamente me muestre el otro es eso posible??
Por su atencion gracias Saludos


Título: Re: dialog jquery ui
Publicado por: #!drvy en 27 Julio 2013, 14:41 pm
Me imagino que estas hablando de jQuery UI porque jQuery de por si solo no implementa "dialog".
http://jqueryui.com/dialog/

Y si, es posible.
Código
  1. <script type="text/javascript">
  2.   $(function() {
  3.  
  4.      $( "#dialogo1" ).dialog({
  5.         autoOpen: false,
  6.         width: 400,
  7.         buttons: [ { text: 'Cerrar', click: function() {
  8.            $(this).dialog('close');
  9.         }}],
  10.         // Al cerrarse, abrir el #dialogo2
  11.         close:function(event, ui){ $('#dialogo2').dialog('open'); }
  12.      });
  13.  
  14.      $( "#dialogo2" ).dialog({
  15.         autoOpen: false,
  16.         width: 400,
  17.         buttons: [ { text: 'Cerrar', click: function() {
  18.            $(this).dialog('close');
  19.         }}]
  20.      });
  21.  
  22.      // Al clickear en el primer link, abrimos el dialogo 1.
  23.      $('#dialogo1-link').click(function(event){ $('#dialogo1').dialog('open'); event.preventDefault(); });
  24.   });
  25. </script>
  26. </head>
  27.  
  28. <body>
  29. <a id="dialogo1-link">Abrir dialogo1</a>
  30. <div id="dialogo1">Esto es dialogo1</div>
  31. <div id="dialogo2">Esto es dialogo2</div>
  32. </body>

Saludos


Título: Re: dialog jquery ui
Publicado por: DaNuK en 27 Julio 2013, 18:41 pm
Gracias amigo
Saludos