finestra di dialogo personalizzata con jquery ui

ridecitalia

Nuovo Utente
23 Apr 2015
7
0
0
Salve a tutti
Ho creato una finestra di dialogo come da titolo che richiamo con

$('#dialog').dialog('open');

<div id="dialog">messaggio..</div>



$('#dialog').dialog({
autoOpen: false,
closeOnEscape: false,
height: 280,
modal: true,
resizable: false,
buttons: {
Continua: function() {
$(this).dialog('close');
},

}
});
<!--per semplicita' chiamo il codice .dialog({.............});
miocodice quindi
$('#dialog').miocodice;

-->
---------------------------------------------------------------------------------------------------------
nel caso di "n" avvisi del tipo
< div id="dialog1">avviso1</div>
< div id="dialog2">avviso2</div>
...............................................
...............................................
<div id="dialogn-1">avvison-1</div>
<div id="dialogn">avvison</div>

come posso evitare di scrivere n volte miocodice ??
posso "inscatolarla",in pratica,in una struttura,tipo quella di sopra che ho chiamato miocodice senza scrivere
n volte

$('#dialogn').dialog({
autoOpen: false,
closeOnEscape: false,
height: 280,
modal: true,
resizable: false,
buttons: {
Continua: function() {
$(this).dialog('close');
},

}
});
<!-- ------------------------------------------------------------ -->
$('#dialogn').dialog('open');

<!---------------------------------------------------------------------------------------------------- -->
questo perche' la struttura
.dialog({
autoOpen: false,
closeOnEscape: false,
height: 280,
modal: true,
resizable: false,
buttons: {
Continua: function() {
$(this).dialog('close');
},

}
});
mi rimane invariata per tutte le n chiamate ed e' impensabile riscriverla n volte

Grazie in anticipo
Rino
 
Ciao, la finestra dialog può essere una sola e il contenuto può cambiare dinamicamente, guarda qui
ps:
racchiudi il codice che posti tra i tag presenti sulla barra di formattazione
 
Grazie per l'interesse Mr criric e perdonami per aver sorvolato sul tasto "codice html" ho visto il tuo esempio ma ho pensato che fosse superfluo ad ogni messaggio fare una richiesta:- --> pagina php --> db e ritorno
ho risolto un po' diversamente ovvero:-
contenitore messaggi nascosti in html
HTML:
<div id="dialog" title="Informazione!">mess1</div>		
<div id="dialog3" title="Informazione!">mess3</div>
<div id="dialog4" title="Informazione!">mess4</div>
.......................................................................
Variabile globale
Codice:
var manda_avviso="";
codice javascript
Codice:
function manda_avviso(num_dialogo){
$(num_dialogo).dialog({
                                              autoOpen: false,
                                              closeOnEscape: false,
                                              height: 280,
                                              modal: true,
                                              resizable: false,
                                               buttons: {
                                                           Continua: function() {
                                                                                    $(this).dialog('close');
                                                               },

                                                         }
                                                   });
$(num_dialogo).dialog('open');
}
al momento del bisogno inserisco nello script javascript ad es.:-
Codice:
 num_dialogo='#dialog3';
 manda_avviso(num_dialogo);return;
L'ho testato e funziona
Grazie comunque
 

Discussioni simili