Creazione di un dialog
$( '#<?= $dialog_document ?>' ).dialog({ modal: true, width: window.innerWidth / 2, buttons: [ { text: "<?= __( 'Cancel' ) ?>", icons: { primary: "ui-icon-closethick" }, click: function() { dialog_destroy( $(this) ); return false; } }, { text: "<?= __( 'Submit' ) ?>", icons: { primary: "ui-icon-check" }, click: function() { dialog_destroy( $(this) ); return false; } } ], close: function() { dialog_destroy( $(this) ); return false; } });
Opzioni
E' possibile aggiungere l'azione 'alla chiusura' dall'interno del dialog (pagina caricata dopo la creazione)
$('#view').closest('.ui-dialog').on('dialogclose', function(event) { alert('closed'); });
Pressione di un pulsante alla pressione del tasto ENTER/INVIO
// alla pressione dell'ENTER clicco il pulsante di conferma $('#<?php echo $variabile_id; ?>').bind('keydown', function( event ) { if( event.keyCode == 13 ) $(this).parents('.ui-dialog').first().find('.ui-button').focus(); });