Close Pop-up AJAX Window/Overlay

[Steve Workings]

I can't figure out how to close a Pop-up Ajax Window/Overlay. Usually I have no problem with these, but this one's stubborn.

From a UX component, I have a button that loads the contents of a container into a Modeless-Popup window. I also give that window the name __EMAIL.

So, I added a Close button to the Container so it'll be on the popup. I've tried everything -- here's just a cut/paste from my editor to illustrate:

//var wObj = {Dialog.Object}.getWindow('__EMAIL');
//var wObj = {Dialog.Object}.getWindow('A5dlg0');

//var ele = $('__EMAIL');

//{dialog.Object}.closeContainerWindow(this);
var ele = $('__EMAIL');
{dialog.Object}.closeWindow(ele);

//alert(wObj);
//ele.hide();

//var ele = $('__EMAIL');
//{dialog.object}.closeContainerWindow(ele);

None of this, in any combination works. Using Firefox, I can't even find anything with a name or ID of __EMAIL so that has me wondering. I've tried using A5dlg0 which seems to maybe be the "real" window ID, but no joy.

Any suggestions welcome.

[Davidk]

Re: Close Pop-up AJAX Window/Overlay

Steve,

I've added a button my to my UX and in the Click event I'm running the Action Javascript to "Open a Pop-up Ajax Window/Overlay". In this Action's properties I've set a Window Name of __EMAIL, set it to modeless-popup and turned off the "window title has close button".

My container is a simple "CONTAINER" sub-type of none.

I added a button to this container and called the Action Javascript "Hide/Close a Window". The Window Name I entered as __EMAIL. There is no dropdown value available here because the window doesn't actually exist... yet.
This works.

The converted code for the close window action is the following... and it works as well.

var win = {dialog.object}.getWindow('__EMAIL');
if(win) win.hide();

Are you opening the UX inside something else?

Hope this helps.

[Steve Workings]

Re: Close Pop-up AJAX Window/Overlay

Yup, you've matched what I've done David. The UX is in the pagetop.a5w, that gets included with all other pages. There are other objects on the page, but none with a name or id of __EMAIL.

Edit: just ran it with Firebug, found this error msg in the console when I load the container to a window:

TypeError: A5.windows._w[("" + arguments[0])] is undefined
...[0]]._winChain;for(var prop in A5.windows._w){if(!A5.windows._w[prop].hidden){if...

Edit #2: Even when I put a "Window title has close button" on the popup, I get the button, but it does nothing.

Edit #3: I checked the box for "Has custom toolbar buttons" and added a Close button. Name is "Close", label is "Close", Action is "Close". It is not disabled. And yet it does nothing at all.

Never had so much trouble getting a window to close.

[Steve Workings]

Re: Close Pop-up AJAX Window/Overlay

I just looked at the javascript that produces the popup. I wonder if the references to {grid.style} and {grid.object} are a problem here:

var windowName = '__EMAIL';
{Grid.object}.createWindow(windowName,'modeless-resizable',
	{
	body: {
		content: {
			type: 'element',
			elementId: '{dialog.componentname}.V.R1.CONTAINER_1'
		}
	},
	height: '',
	width: '',
	title: {
		html: 'Send us a Note',
		show: true,
		location: 'top'
	},
	disableMove: false,
	theme: '{grid.style}'
}
	);


window['{grid.componentName}_O_2AF7D5B9F0E14FB19BA4D4D23D5E3778'] = function(objEle) {
	var windowName = '__EMAIL';
	var currWindow = {Grid.object}.getWindow(windowName);
	currWindow.show('flyout-bottom',objEle);
	
	}

[danh]

Re: Close Pop-up AJAX Window/Overlay

Steve, I just looked at one of mine and it has {grid.style} and {grid.object} reference, and it works.

The only other thing I can think of is if for some reason it is rendering inside of an iframe. I have had a fight with that already, acting just like you describe.

[Steve Workings]

Re: Close Pop-up AJAX Window/Overlay

Yeah, Dan, this works fine on my development system. I'm putting up a new site, and it has a few really difficult little bugs like this.

I switched gears, took another approach. I moved the Container to it's own UX, used the "pop up a UX in modal window" instead. Another bunch of arguing with A5, and finally got THAT window to close using the method here:

http://www.screencast.com/users/Alph...b-d94ffa128d63

[Clipper87]

Re: Close Pop-up AJAX Window/Overlay

var ele = window.parent.document.getElementById('__EMAIL');
var winObj = window.parent.A5.windows.getFromElement(ele);
winObj.hide();

[Steve Workings]

Re: Close Pop-up AJAX Window/Overlay

Thanks Frank - as I noted, I changed gears, did it a different way and can't test this now. I'll probably avoid the method of putting a container into a popup window -- don't want to fool again with whatever I was missing. Even the windowbar close button didn't respond.