Ver Mensaje Individual
  #3 (permalink)  
Antiguo 05/06/2012, 15:06
Montes28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 14 años, 3 meses
Puntos: 6
Respuesta: generar dialog modal dinamicamente

gracais Nemutagk por responder implemente tu codigo y me abre una misma modal para los 3 botones necesito una modal diferente para cada boton



Código PHP:
Ver original
  1. <button class='fg-button ui-state-default ui-corner-all' title='Consultar' id='consultar'><span class='ui-icon ui-icon-search'></span></button>
  2.     <button class='fg-button ui-state-default ui-corner-all' title='Modificar' id='modificar'><span class='ui-icon ui-icon-pencil'></span></button>
  3.     <button class='fg-button ui-state-default ui-corner-all' title='Eliminar'  id='eliminar'><span class='ui-icon ui-icon-trash'></span></button>


Código Javascript:
Ver original
  1. <script>
  2.     $(function() {
  3.         // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
  4.         $( "#dialog:ui-dialog" ).dialog( "destroy" );
  5.    
  6.         $( "#dialog-confirm" ).dialog({
  7.             autoOpen: false,
  8.             resizable: false,
  9.             height:140,
  10.             modal: true,
  11.             buttons: {
  12.                 "Delete all items": function() {
  13.                     $( this ).dialog( "close" );
  14.                 },
  15.                 Cancelar: function() {
  16.                     $( this ).dialog( "close" );
  17.                 }
  18.                
  19.             }
  20.         });
  21.         $('div[class=fg-toolbar] :button').on('click',function() {
  22.     //alert($(this).val());
  23.     $( "#dialog-confirm" ).dialog( "open" );
  24. });
  25.            
  26.                
  27.            
  28.     });