Corsi on-line

jQuery Confirm Plugin

Oggi vi segnalo un simpatico plug-in per jQuery che potremo utilizzare in sostituzione alla funzione confirm() di Javascript. Il plug-in in questione si chiama, appunto, jQuery Confirm Plugin ed ha lo scopo di fornire un modo attraente ed usabile per richiedere agli utenti la conferma di una determinata azione (ad esempio una cancellazione).
Il plug-in in questione trasforma, al verificarsi di un determinato evento (il click ad esempio), un qualsiasi elemento (un bottone, un link, ecc.) in una domanda di conferma per verificare la reale volontà dell’utente di compiere l’azione.

Il plug-in, ovviamente, è completamente personalizzabile, non solo nella frase ma anche nei bottoni, negli effetti, nella durata, ecc.
Segue un codice di esempio in cui la richiesta di conferma è applicata al click su un bottone:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.confirm.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  // Definisco l'azione da eseguire dopo la conferma
  $('#cancella').click(function() {
    alert('Hai confermato di voler cancellare!');
    return false;
  });
  // Applico la richiesta di conferma
  $('#cancella').confirm({
    msg: 'Sei sicuro di voler cancellare?',
    buttons: {
      ok: 'Procedi',
      cancel: 'Annulla',
      separator: ' - '
    }
  });
});
</script>
<input type="button" id="cancella" value="Cancella!"/>

A questa pagina potete vedere l’esempio funzionante.

Per scaricare il plugin e vedere altri esempi pratici di utilizzo vi invito a visitare questa pagina del sito ufficiale dell’autore.

Post correlati
I più letti del mese
Tematiche