Molto spesso è necessario fermare l'interazione dell'utente mentre la nostra operazione "in Ajax" viene eseguita. Un esempio su tutti è il doppio invio di un form. Il plugin BlockUI di Jquery ci permette di risolvere anche questa situazione.

Il funzionamento del plugin è semplice e non richiedere una modifica sostanziale dei nostri script, se non quella di inserire una funzione di lock prima delle nostre operazioni, ed una di unblock alla fine delle stesse.


$(document).ready(function() {
$('#demo3').click(function() {
$.blockUI({ overlayCSS: { backgroundColor: '#00f' } });

$.unblockUI();
});
});


Oltre a bloccare la schermata del browser, blockUI permette di dialogare con l'utente:


$(document).ready(function() {
$('#demo6').click(function() {
$.blockUI({
centerY: 0,
css: { top: '10px', left: '', right: '10px' }
});

setTimeout($.unblockUI, 2000);
});
});


Il plugin lo trovate qui:

http://malsup.com/jquery/block/

Come sempre è presente la pagina di demo dove prendere spunto per farlo funzionare al meglio.

Ah, notate nulla nella pagina che vi ho appena segnalato ?