I am facing an issue with a Customer Info form that contains an anchor tag "close" meant to close the current window. This customer form is displayed as a pop-up. Within this form, there is also a search button that triggers a pop-up for the search form controlled by a JavaScript file named searchOrder.js. Essentially, it creates a situation where there is a pop-up within a pop-up. The problem arises when the close button in the customer form does not work while the reference to searchOrder.js exists. Furthermore, even when the search pop-up is open and I click the "close" anchor tag, it only closes the search pop-up and not the main customer form window. I have tried multiple solutions without success. These include using functions like self.close(), window.opener.close(), changing the close button to a button instead of a link, calling a function onclick, etc.
function closeWindow() {
var closeRef;
window.opener='x';
closeRef = window.open('','_parent','');
//or closeRef = window.open('',name);
closeRef.close();
}
Below is my GSP code snippet:
<g:form method="post" name="CustomerInfoForm" target="_parent" role="form">
<div class="id="closeLink"><a href="JavaScript:window.close()">Close</a></div>
<button id="searchOrderButton" type="button" class="button" onclick="searchOrder(document.forms[0].summaryMessage.value,'summaryMessageText','${createLink(action:'searchOrder')}','${createLinkTo(dir:'images',file:'closeButton.gif')}')" value="Search Order">Check Order</button>
</g:form>
I am seeking assistance on how to successfully close the current window (customer info). Thank you.