Visualizza wikitesto di Creazione di un dialog

[[GENERALE#jQuery e Javascript|&larr; jQuery e Javascript]]

<pre>
$( '#<?= $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;
    }
});
</pre>

== 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
<pre>
// 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(); });
</pre>

== Implementazione in Minerva-apps ==
* [[Funzione di cambio stato dell'elemento in jQuery]] {{private}}
* [[Creazione di un dialog implementato in Minerva-apps]] {{private}}