I am writing a script runs an Ajax function upon confirmation - in this case deleting an entry from a MySQL database table.

I have used the jQuery UI dialog widget in the past but have only redirected to other pages with button clicks. In this case, when the user clicks on "Okay," I want to run the Ajax command.

I tried simply inserting the Ajax after 'Okay'; function() { } but this did not work. I had to settle on using confirm() instead, which works but throws off the jQuery UI themed page

Here is the Ajax I am trying to run. To complicate matters even more, when the record is deleted, the entire table row that contained it is removed as well - this is working fine using confirm(), but I seem to recall glitches when trying to use the dialog

2. $(".delete").click(function() {
3. if (confirm("Are you sure you wish to delete this member?")) {
4. var id = $(this).attr("id");
5. var dataString = 'id='+ id ;
6. var parent = $(this).parent().parent();
7. 
   
8. $.ajax({
9. type: "POST",
10. url: "../includes/forms/delete_member.inc.php",
11. data: dataString,
12. cache: false,
13. 
    
14. success: function()
15. {
16. if(id % 2)
17. {
18. parent.fadeOut('slow', function() {$(this).remove();});
19. }
20. else
21. {
22. parent.slideUp('slow', function() {$(this).remove();});
23. }
24. }
25. });
26. 
    
27. return false;
28. }
29. });