Differenze tra le versioni di "Creazione di un dialog"
(Creata pagina con "← jQuery e Javascript <pre> $( '#<?= $dialog_document ?>' ).dialog({ modal: true, width: window.innerWidth / 2, buttons: [ {...") |
(→Opzioni) |
||
| (2 versioni intermedie di uno stesso utente non sono mostrate) | |||
| Riga 25: | Riga 25: | ||
} | } | ||
}); | }); | ||
| + | </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> | </pre> | ||
== Implementazione in Minerva-apps == | == Implementazione in Minerva-apps == | ||
| − | * [[Funzione di cambio stato dell'elemento in jQuery]] | + | * [[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(); });
