jConfirmAction plugin

jConfirmAction es un plugin para jQuery que reemplazara el típico cuadro de confirmación que realizamos con la función JavaSCript confirm(‘Aceptar o rechazar?’) por otra ventana más elegante y personalizable mediante las técnicas CSS.

La funcionalidad básicamente de este plugin es crear un div que contiene un cuadro de confirmación personalizado, aparece y desaparece con un suave efecto.

Para disponer de esta funcionalidad se requieren las librerías jQuery y el plugin jConfirmation que deberemos incluir en nuestro <head>, además de los CSS necesarios.

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jconfirmaction.jquery.js"></script>
<script type="text/javascript">    
$(document).ready(function() {
  $('.ask-custom').jConfirmAction({question : "Estás seguro que quieres eliminar este artículo?", yesAnswer : "Si", cancelAnswer : "No"});
  $('.ask').jConfirmAction();
});        
</script>

Como vemos dentro del document ready le estamos diciendo que el elemento que tenga como class=»ask-cuscom» al hacer click se abrirá un jConfirmAction donde se pregunta si está seguro de eliminar el artículo y sus dos opciones. Si se pulsa no se cancela la operación y si se pulsa «Si» se direccionaría a donde apunte el elemento a href.

Después en el <body> tenemos lo siguiente por cada elemento:

<a href="index.php?delete=2" class="ask-custom">Eliminar</a>

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(1 voto, promedio: 4 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

2 respuestas a “jConfirmAction plugin”

  1. José Moo dice:

    ¿cómo puedo usar jconfirmAction en el siguiente código?:

    $(‘#’).click(function(){
    var dataString = ‘id=’+;
    /* if (! confirmPost ()) {
    return false;
    }*/
    if (confirm («¿Seguro que quieres eliminar esta actualización? no se puede deshacer!»)) {
    $.ajax({
    type: «POST»,
    url: «deletepublicacion.php»,
    data: dataString,
    success: function() {
    $(‘#result’).html(data);
    }
    });
    }
    return false;
    });
    });

  2. Luis Rojas dice:

    title=»Ayuda con esto Hermano.»

    Hermano como hago para implementar este codigo a resultados extraidos directamente desde una base de datos utilizando un ciclo for..? si coloco «Eliminar» dentro del ciclo siempre me va a eliminar el ultimo registro. es decir, el registro que hace que termine el ciclo. 🙁 ayuda.. Gracias bro.. Saludos desde Venezuela..

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre