Javascript at the close of a dialog box

RE: Javascript at the close of a dialog box

2013-04-10T10:54:53Z

If you use AUI, no jquery is required, would be too much...

See code below:

  AUI().use('aui-dialog', 'aui-io', 'event', 'event-custom', function(A) {
    var dialog = new A.Dialog({
    	on: {
    		close: function() {
 	   		 window.alert('before close');
 	   		}
    	},		    		
 	            title: myTitle,
            centered: false,
            draggable: true,
            modal: true
        }).plug(A.Plugin.IO, {uri: renderUrl}).render();
       
        dialog.show();
       
  });

RE: Javascript at the close of a dialog box

2013-04-10T10:18:19Z

Hi David,

You can try with following 2 options:

Option-1:
$('#dialog').live("dialogclose", function(){
//code to run on dialog close
});

Option-2:
There is on property available in AUI Diaplog named "beforeClose".

$("#dialog").dialog({
...
beforeClose: function(event, ui) {
console.log('Event Fire');
},
...
});

RE: Javascript at the close of a dialog box

2013-04-10T09:59:31Z

Rightly said ! Using jquery you can fetch close button id and As roshan mentioned, you can define ur logic inside that function

RE: Javascript at the close of a dialog box

2013-04-10T09:27:37Z

Hi David,

Not master in AUI but hope following code will work for you.
Each dialog has closethick id for close button.
A.one('#closethick').on(click,function(){})

Regards,
Roshan

Javascript at the close of a dialog box

2013-04-09T13:48:28Z

Hello,

I acutallly use a dialog box and I want to execute some javascript at the close of the dialog.

To display the dialog box, I use that function

function showPopup(url,titre) {
  
	AUI().use( 'aui-dialog', 'event', 'event-custom', function(A) {
	    
    	dialog = new A.Dialog({
			id: 'customDialog',
            title: titre,
            centered: true,
            draggable: false,
			resizable: false,
            modal: true,
            height:250,
            width:650

       	 }).plug(A.Plugin.IO, {uri: url}).render();
   		
       	 dialog.show();	 
  	});
}[code]

 If someone knows how I can  proceed.