realizzare una dialog di conferma con jquery UI

[lorenzo84]

Salve a tutti, ho provato ed ho perso un monte di temop a realizzarla ma non riesco.
Vorrei realizzare la classica finestrella di conferma cancellazione che si apre al click su un link. Ma la volevo rendere esteticamente più carina appunto con jquery UI.
Sono riuscito a fare la finestra con i pulsanti ma poi non so come inviare i dati alla pagina php che poi elabora le query e procede alla cancellazione.

$(document).ready(function(){
$("a#open").click(function(){
$('#finestra').dialog("open");
return false;
});

$('#finestra').dialog({
modal: true,
autoOpen: false,
buttons: {
"Chiudi": function() {
$( this ).dialog( "close" );
},
'cancella': function(){
$( this ).dialog( "close" );
}
}
});
});
nella funzione cancella come faccio a andare ad una pagina come avrei fatto con href in javascript?
grazie mille

[lucavizzi]

location.href='path/pagina.php';

[lorenzo84]

e se questo link è un link dinamico?

[lucavizzi]

location.href='path/'+variabile+'/pagina.php';

[lorenzo84]

siccome è un link per la cancellazione di dati in teoria mi serve la conferma della cancellazione e ogni link è diverso solo per il numero di record da cancellare.
quindi secondo me la cosa più facile, forse, sarebbe recuperare href dell'html che mi genera il php. no?

e come passo la variabili se è un numero dentro un link?
location.href='path/'+variabile+'/pagina.php';

tipo il mio link:

miapagina.php?id=1

1 è la variabile...

[lucavizzi]

Potresti usare una variabile globale:

<script type="text/javascript">
var deleteUrl='';//variabile globale che conterrà l'url con l'id

$(document).ready(function(){
   $("a.open").click(function(){//al click sul link (nota che sto usando una classe e non un id)
      deleteUrl=$(this).attr('href');//valorizzo la variabile globale (visibile in tutte le funzioni) con l'url
      $('#finestra').dialog("open");//ed apro la dialog
       return false;
   });

   $('#finestra').dialog({
      modal: true,
      autoOpen: false,
      buttons: {
        "Chiudi": function() {
           $( this ).dialog( "close" );
        },
        'cancella': function(){
           location.href=deleteUrl;//se confermato, reindirizzo all'url contenuto nell'href del link cliccato
           $( this ).dialog( "close" );
        }
      }
    });
 });
</script>

Cancella id 1

Cancella id 2

Cancella id 3

[lorenzo84]

grazie mille... è perfetto.