Differenze tra le versioni di "Creazione di un dialog"
(→Opzioni) |
|||
| Riga 33: | Riga 33: | ||
alert('closed'); | 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 == | == Implementazione in Minerva-apps == | ||
* [[Funzione di cambio stato dell'elemento in jQuery]] {{private}} | * [[Funzione di cambio stato dell'elemento in jQuery]] {{private}} | ||
* [[Creazione di un dialog implementato in Minerva-apps]] {{private}} | * [[Creazione di un dialog implementato in Minerva-apps]] {{private}} | ||
Versione attuale delle 21:30, 17 gen 2022
$( '#<?= $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(); });
