dialog close event

dialog close event

Hey all,

Just having trouble with dialog close event. Here is my situation, I load the dialog and everything works fine, there is a form in this dialog which is used to update some data on the database...still working correctly, now, what I'm trying to do is, when the user close the dialog, the main page is loaded again, so it will show the changes he made without refreshing the screen...


Here is my function

  1. function updateSpec()
  2. {
  3.     var hareaold = $('#hareaold'),
  4.         otherold = $('#otherold'),
  5.         qtyold = $('#qtyold'),
  6.         mqtyold = $('#mqtyold'),
  7.         mrateold = $('#mrateold'),
  8.         totalold = $('#totalold'),
  9.         sitespecid = <?php echo $_POST['sitespecid'];?>,
  10.         siteid = <?php echo $_POST['siteid'];?>;
  11.        
  12.         if ($('#colourold')){
  13.             var colourold = $('#colourold');
  14.         }
  15.     var harea = $('#harea'),
  16.             optionid = $('#optionid'),
  17.             other = $('#other'),
  18.             cost = $('#costa'),
  19.             qty = $('#qty'),
  20.             mqty = $('#mqty'),
  21.             mrate = $('#mrate'),
  22.             total = $('#total');
  23.             if ($('#colour')){
  24.                 var colourid = $('#colour');
  25.                 if (colourid.val() != colourold.val()){
  26.                     colourid = null;
  27.                 }
  28.             }
  29.         if (qty.val() < 1){
  30.             $('#qty_err').detach();
  31.             qty.css('border', '1px solid #F00');
  32.             updateError("Quantity can't be 0!", $('#qtyele'));
  33.         } else {
  34.             qty.css('border', '1px solid #7EBC42');
  35.             $('#qty_err').detach();
  36.         }
  37.        
  38.         $.ajax({
  39.                url:  "includes/updatespecification.php",
  40.                type: "POST",
  41.                data: ({sitespecid: sitespecid,
  42.                        sitehareaid: harea.val(),
  43.                        optionid: optionid.val(),
  44.                        colourid: colourid.val(),
  45.                        other: other.val(),
  46.                        cost: cost.val(),
  47.                        qty: qty.val(),
  48.                        mqty: mqty.val(),
  49.                        mrate: mrate.val(),
  50.                        total: total.val()}),
  51.                success: function(){
  52.                    $('.boxContainer').show();
  53.                    loadcurrProduct();
  54.                    }
  55.                });
  56.         $('#editspec').dialog('close');
  57.         refreshClientinfo();
  58. }
And here is the refreshClientinfo function
  1. function refreshClientinfo()
  2. {
  3.     var area = $('#houseareadropdown').val();
  4.     var catid = $('#categorydropdown').val();
  5.     var filter = $('#filter').val();
  6.     var show = $('#show').val();
  7.     $('#clientinfo').load('includes/getsitespecifications.php', {s: 3616, c: 74, f: 1, h: 30});
  8. }
What happen is, it works on the first time, but then, when you hit the close button, the dialog updates everything, and even refresh the data on the clientinfo div, but the dialog doesn't close.....

I can't figure out why, is it a bug on Jquery? or something wrong on my code????

Cheers