jQuery Forum

Hi,

You can set a global var for the link id that is clicked. And then, when the dialog is closed, get the id var and concat it to the url.
For example:

$('.dialog_link').click(function(){
      current_id = $(this).attr('id');
      $('#dialog-confirm').dialog('open');
      return false; 
});

...
'Delete Administrator': function() {
      $(this).dialog('close');
      url = your_url + '?id=' +current_id;
}
...

After reading a bit more on the forum I cam up with this - at almost the second that you posted your reply:

1.     $(function() {
           $(".dialog_link").dialog("destroy");
   
           $("#dialog-confirm").dialog({
           autoOpen: false,
               resizable: false,
               height:150,
               modal: true,
               buttons: {
                   'Delete Administrator': function() {
                       $(this).dialog('close');
                         var id = $(this).data('del-id');
                       location.href = 'administrators/ssbin/do_delete_administrator.php?aduid=' + id + '';
                   },
                   Cancel: function() {
                       $(this).dialog('close');
                   }
               }
           });
                       $('.dialog_link').click(function(){
                       var id = $(this).closest('a').attr('data-id');
                       $('#dialog-confirm').data('del-id', id).dialog('open');
                       return false;
                      
                   });
       });
   

Thank you very much, I will try your method as well.

I just tried your method and not got anywhere, what am I doing wrong? Seems that the current_id value is either not being assigned or passed?

1.     $(function() {
           $(".dialog_link").dialog("destroy");
   
           $("#dialog-confirm").dialog({
           autoOpen: false,
               resizable: false,
               height:150,
               modal: true,
               buttons: {
                   'Delete Administrator': function() {
                       $(this).dialog('close');
                       url = 'administrators/ssbin/do_delete_administrator.php?' + 'aduid=' + current_id + '';
                   },
                   Cancel: function() {
                       $(this).dialog('close');
                   }
               }
           });
                       $('.dialog_link').click(function(){
                       var current_id = $(this).attr('id');
                       $('#dialog-confirm').dialog('open');
                       return false;
                      
                   });
       });
   

What you typed was setting local variable inside $('.dialog_link').click(). That's why you won't get the current_id

Try this:

$(function() {
      var current_id;
        $(".dialog_link").dialog("destroy");

        $("#dialog-confirm").dialog({
        autoOpen: false,
            resizable: false,
            height:150,
            modal: true,
            buttons: {
                'Delete Administrator': function() {
                    $(this).dialog('close');
                    url = 'administrators/ssbin/do_delete_administrator.php?' + 'aduid=' + current_id + '';
                },
                Cancel: function() {
                    $(this).dialog('close');
                }
            }
        });
                    $('.dialog_link').click(function(){
                    current_id = $(this).attr('id');
                    $('#dialog-confirm').dialog('open');
                    return false;
                   
                });
    });

Thank you ferrizal, I will give it a go as soon as I next get to the office and let you know how it goes.

Still does not work using that method. I have the code as you have it and it works ok with location.href. However with url ='....' nothing happens. I also get no errors.

1. $(function() {
         var current_id;
           $(".dialog_link").dialog("destroy");
   
           $("#dialog-confirm").dialog({
           autoOpen: false,
               resizable: false,
               height:150,
               modal: true,
               buttons: {
                   'Delete Administrator': function() {
                       $(this).dialog('close');
                      url = 'administrators/ssbin/do_delete_administrator.php?' + 'aduid=' + current_id + '';
                   },
                   Cancel: function() {
                       $(this).dialog('close');
                   }
               }
           });
                       $('.dialog_link').click(function(){
                       current_id = $(this).attr('id');
                       $('#dialog-confirm').dialog('open');
                       return false;
                     
                   });
       });
   

I use an onClick event, but the principle is the same. The dialog is created when the page is loaded, so move the post-processing to some other function, based on a global variable that is set when the dialog is opened.

html:

1. <div onClick="openDialog(22)">rowItem</div>

 script:

1. $(document).ready(function(){
   
           var current_id;
   
           $("#dialog-confirm").dialog({
               resizable: false,
               height:200,
               modal: true,
               autoOpen:false,
               buttons: {
                   'Cancel': function() {
                       $(this).dialog('close');
                   },
                   'OK': function() {
                       $(this).dialog('close');
                       DoSomething();
                   }
               }
           });
              
       });
      
          
           // open dialog, set variable
           function openDialog(id) {
               current_id = id;
               $("#dialog-confirm").dialog('open');
               };
              
   
2.          // Do something if OK
           function DoSomething() {
               local_id = current_id;
               alert('Do something with ' + local_id);
           };