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
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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
 

ridecitalia

Nuovo Utente
23 Apr 2015
7
0
0
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
Autore Titolo Forum Risposte Data
G Finestra di dialogo che non si apre - programma NUENDO Windows e Software 0
Y Finestra dialogo CSS Modal HTML e CSS 6
T Finestra di dialogo. PHP 1
B file txt non apre finestra di dialogo apri/salva PHP 0
F Passare variabile a pulsante in finestra modale PHP 2
L Audio in finestra modale ed interruzione alla chiusura jQuery 9
AC1 Form in finestra modale PHP 1
B Vorrei inserire una finestra con messaggio ad un history.back PHP 16
C finestra popup dopo login PHP 2
L Visualizzare tabella all'interno finestra modal PHP 4
S [PHP] Finestra poupup dentro IF PHP 17
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
W [Javascript] Finestra modale Javascript 0
AMONRA75 [PHP] passare una variabile in una finestra MODAL PHP 1
romeocharly in win 10 mi si apre una finestra di configuraziuone di parametri di una cam errata Windows e Software 2
K [Javascript] Finestra menu Javascript 1
J [HTML] Finestra su pagina htm, HTML e CSS 5
T [PHP] passare una variabile in una finestra MODAL di bootstrap PHP 3
Antonio Nervi [Javascript] Nuova finestra Javascript 8
G [RISOLTO][Javascript] aggiungere elemento ad array definito nella finestra madre da popup Javascript 4
Monital [HTML] le inpuit text non si rimpiccioliscono se si diminuisce la finestra del browser HTML e CSS 4
A chiusura finestra dialog Popu jQuery 3
R [HTML] La finestra del browser non si autoadatta al mio sito HTML e CSS 3
CoyotesSon [PHP] Help! Creazione di una finestra PHP 5
Shyson Aprire finestra popup con Safari Javascript 6
P chi mi aiuta per costruire una finestra overlay ???? Javascript 1
L mailto: apre la finestra di posta in background HTML e CSS 2
E Realizzare una finestra overlay con caricamento pagina html HTML e CSS 3
J Programmazione di un finestra tipo popup Content Management System (CMS) 1
T Ritardare apertura finestra con Javascript Javascript 4
marino51 non riesco a caricare un allegato percgè non riesco a ridimensionare la finestra Supporto Mr.Webmaster 0
P Dopo il caricamento ajax non viene aperta finestra modale Ajax 9
A [JQUERY] Passare dati stessa finestra (Nyromodal) jQuery 0
A Apertura finestra modale al submit Ajax 0
felino Jquery UI Dialog Confirm: errore sulla chiusura della finestra jQuery 3
novello88 Problema finestra di conferma (che non appare) Javascript 1
M ASP.NET Response.Redirect che si apre in una nuova finestra ASP.NET 1
E Centrare finestra popup Javascript 7
R La finestra padre non si aggiorna con Chrome Javascript 1
A Problema con finestra modale jQuery 0
F Problema finestra popup jQuery 4
A Finestra overlay con id record mysql Javascript 5
S rimuovere pulsante chiusura (X) da una finestra Javascript 3
M messaggio visualizzato in una finestra Javascript 4
T apertura pagina elaborazione form in altra finestra Javascript 1
A Finestra di conferma Javascript 2
Z Cambiare colore alla finestra degli avvisi VBulletin 1
V risultato di un vettore in una finestra Java 5
Sevenjeak [Java] JDialog che si minimizza e ripristina con la finestra principale Java 2
A Aiutoo Finestra modale Javascript 1

Discussioni simili