Calling a function when I close a CFWindow - How?

[Haitashi]

I have a link and opens up a CFWindow. I'm using the default CFWindow skin. I would like to execute a specific function when the user clicks on the X button.

I would like to show a div (which will be hidden by default) when I close the CFWindow. I assume I can use ColdFusion.Window.onHide somehow but I don't know how.

All the examples I've seen on the net use a href link to call the onHide handler. I would like to call this event handler when a user closes the window using the X that comes by default in the CFWindow ...er...window? :)

Thanks in advance!

[Haitashi]

Ok. I got it to work but only slightly...

On my display page I have this:

<cfset AjaxOnLoad("setCFWindowHooks") />

And on the included JS file for that page I have this:

function hideJavaLoader(name) {
    console.log('You just opened ' + name + ' CFWINDOW');
    $('.applet').hide();
}
//This will show the Java uploader when a video window is closed
function showJavaLoader(name) {
    console.log('You just hid ' + name + ' CFWINDOW');
    $('.applet').show();
}
setCFWindowHooks = function() {
    console.info("Adding ColdFusion window hooks...");
    ColdFusion.Window.onShow('myVideo', hideJavaLoader);
    ColdFusion.Window.onHide('myVideo', showJavaLoader);
    console.info("...done");
}; 

This code is only working in FF and firebug might be the reason why. If I eliminate those "console.log" statements, then it stops working. I don't get it. Any ideas?

[acoder]

I've not really worked with CFWindow (had no need to), but according to this, your code should work. Try an alert and see if that works.

[bishopt]

You should be able to run any Javascript function automatically via ColdFusion.Window.onHide

I'd look at the $('.applet').show() and .hide() statements.

Replace them with simple alerts to ensure they are being called, then debug them.

For example, if you have a div with an id of 'myDiv', and you want to show it when the cfwindow is closed, call a javascript function that looks like this:

function showDiv(){
$('myDiv').style.display="block";}

the hide function would be
function hideDiv(){
$('myDiv').style.display="none";}

[Haitashi]

Awesome! I had totally given up on this. Ty bishopt. :)