Finestre in jQuery
|
scegli un altro forum
|
|
|
 |
|  |
 |
Lomba1986
Utente di HTML.it
Registrato il: Feb 2012
Provenienza: Brescia
Messaggi: 37
ICQ:
MSN:
Skype:
|
Finestre in jQuery
Ciao a tutti, stavo provando ad usare jQuery per sviluppare una piccola console web, ma ho incontrato una piccola difficoltà molto fastidiosa...
Ho una pagina che viene composta con jsp (compone una tabella leggendola da database) e per ogni riga voglio che vi sia un pulsante che se cliccato mi apre una finestra dalla quale fare alcune operazioni...
Per fare questo volevo usare jQuery e ho trovato un sacco di tutorila anche per personalizzare questa finestra a pop-up...Pertanto il codice che ho usato non è il mio, ma proviene da tutorial...
Il fatto è che il simpatico pulsante non fa nulla....intercetta l'evento (se metto una alert la finestrella si apre), ma con la funzione dialog non apre nulla...
ecco di seguito il codice:
<td align="center">
<div id="finestra2" title="gestisci">
<button id="pulsanteGestioneOrdine" class="pulsante">Valuta</button>
<div id="dialog" title="My Dialog Title">
<p>This is My Dialog box Description/Content</p>
<p>This is the default dialog which is useful for displaying information.</p>
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#dialog").dialog({ autoOpen: false });
$("#pulsanteGestioneOrdine").click(function ()
{
$("#dialog").dialog({
modal: true,
buttons: {
"Chiudi": function() {
$( this ).dialog( "close" );
}
}
})
});
});
</script>
</div>
</td>
Come posso fare??
Grazie a tutti
Segnala ad un moderatore | IP: Collegato | Permalink
|
27-08-2012 08:49 |
|
|
|  |
 |
mrk1989
Utente di HTML.it
Registrato il: Jun 2012
Provenienza:
Messaggi: 107
ICQ :
MSN : mrk1989@hotmai l.it
Skype : setter1989m
|
Rispondo ma sarà tardi....
Ricordo che queste sono le librerie disponibile sul web e ci sono anche altri
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Credo che sarà migliore strutturarlo in questo modo...
$(document).ready(function () {
$("#pulsanteGestioneOrdine").click(function ()
{
$("#dialog").dialog({
modal: true,
autoOpen: false,
buttons: {
"Chiudi": function() {
$( this ).dialog( "close" );
},
}
});
});
});
Sarà anche tardi la mia risposta ma però...
__________________
Mrk1989
Segnala ad un moderatore | IP: Collegato | Permalink
|
01-09-2012 09:33 |
|
|
|  |
 |
| Tutte le ore sono con fuso orario CET. Ora sono le 12:21. |
|
|
|
|
|  |
Cerchi un argomento specifico e hai fretta? Usa il motore di ricerca