Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/06/2014, 14:55
bathorz
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 10 años, 8 meses
Puntos: 29
Respuesta: Cuadro de dialogo para confirmar o cancelar

Declaración de variable:
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.        
  3.         var href; // <-- aquí
  4.        
  5.         $('.eliminar').click(function(e) {
  6.           e.preventDefault();
  7.           //recogemos la dirección del Proceso PHP
  8.           href = $(this).attr('href');
  9.           //mostramos el cuadro de dialogo con los botones
  10.           $('#dialog').fadeIn(400, function() {
  11.             $(this).html('¿Realmente desea eliminar este post?<br><br>');
  12.             $(this).append("<input type='button' id='ejecutar_proceso' value='Aceptar'>");
  13.             $(this).append("<input type='button' id='cerrar_dialogo' value='Cancelar'>");
  14.           });
  15.         });
  16.         $('#dialog').on("click", "#ejecutar_proceso", ejecutar);
  17.         $('#dialog').on("click", "#cerrar_dialogo", cerrar);
  18.         //función que sirve para cerrar el cuadro de dialogo
  19.         function cerrar() {
  20.           $('#dialog').fadeOut();
  21.         }
  22.         //función para ejecutar el proceso
  23.         function ejecutar() {
  24.           alert(href);
  25.         }
  26.       });
Código HTML:
Ver original
  1. <a href="proceso.php?id=1" class="eliminar">Eliminar Post</a>
  2. <button id = "comprobar">Comprobar</button>
  3. <div id="dialog"></div>