Modal Popup Window close issue

Hi,
i have a master detail form
i added a link field on detail form to open a form in popup modal mode
i putted on Link Attributes onClick="new Ext.ux.PopupWindow({url: this.href, height: 450}).show(); return false;"
due Modal Popup Window example by Mark Lancaster
([http://oracleinsights.blogspot.com/2009/09/apex-modal-windows-are-snap-using-extjs.html])
I can't close popup window and return on calling page
Any help?
Thanks in advance
Lukx
so --> win xp
rdbms --> 10.2.0.4
apex --> 4.0.2.00.07

Hi lukx
You will find additional information in the comments on my blog that will solve your problem.
Also, my book contains an even better solution for this in chapter 10, page 334.
Regards
Mark
demo: http://apex.oracle.com/pls/otn/f?p=200801 |
blog: http://oracleinsights.blogspot.com |
book: Oracle Application Express 4.0 with Ext JS

Similar Messages

base target=_self issue in modal popup window.

Hi,
I have implemented a modal popup window as described in:
TIP: Building Modal Popup Windows
I also created a Search button (per step 8 "polishing")
The html header of the page attributes of the LOV window contains (step 3):
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<base target=_self>
Still for some reason when I hit Search, a new window opens.
What am I missing here?
Toon

Andy,
I added the quotes: but no difference in behaviour.
However I did find something:
On the search button I had erroneously defined a url-redirect going back to the same page.
And I also had a conditional (request=search) branch going back to the same page.
I deleted the url redirect on the search button, and it works fine now: the branch takes me back to the same window (without opening a new one).
On further testing I found another issue concerning the pagination (it is of type: row ranges in select list with pagination).
If I press next and previous all works well. But if I select a range from the select list it opens a new window...
Any ideas here?
Thanks,
Toon

TIP: Building Modal Popup Windows

Build Modal Popup Pages
Introduction
The following is based on the 'How To Document' - 'Build Custom Popup Pages'.
This How To will show the developer how to create Modal Popup windows with the ability to pass information back to the parent window.
Example Scenario
The example described in this how to adds a custom modal popup LOV to a form on the SCOTT.EMP table. Clicking the popup LOV link on the form page will popup a Modal LOV page that allows users to search by ENAME, JOB, and SAL. Selecting a value from this LOV page will close that popup LOV page and populate the ENAME, JOB, and SAL fields on the form page with the selected values. Additionally, had the user entered some data into the ENAME, JOB, and/or SAL fields on the form page, that data would be used in the initial search when the popup LOV page is first shown.
Step 1 - Create a simple form page on SCOTT.EMP
To create the form page, simply step through the HTML DB "Form on a Table or View" wizard against the EMP table accepting the defaults. For this example, create the form with a page number of one, and make sure to allow the ename, job, and sal fields to be editable. When the wizard completes, page 1 of the application should have the items P1_ENAME, P1_JOB, and P1_SAL on it as text fields.
Step 2 - Create a popup page with search fields
Next, create a page that's to be used as the popup window: Page 2. Ultimately, this page will have javascript, a report region, and some buttons. For now, though, just create a page 2 with the items P2_ENAME, P2_JOB, and P2_SAL on it as text fields.
Step 3 - Set Modal popup page header requirements
A) Modal windows by default cache the information they display. When creating a popup window which displays different information each time it is called or to allow searching the caching default must be switched off.
Add the following meta-tag to the "HTML Header" field of the page-level attributes screen for page 2 to accomplish this:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
B) Modal windows by default open a new window when running any redirect calls. When creating a modal popup which passes back parameters to the parent window. The modal window has to be forced to fire redirect calls within its own window rather than open a new window for the redirect.
Add the following tag to the "HTML Header" field of the page-level attributes screen for page 2 to accomplish this:
<base target="_self">
Step 4 - Add Javascript call to the popup page
Because the popup page should filter its result set based on any values that the user might have entered onto the form page, you need to add a javascript function that would pass those values off. Add the following function to the "HTML Header" field of the page-level attributes screen for page 1 to accomplish this:
<script language="JavaScript" type="text/javascript">
function callMyPopup (formItem1,formItem2,formItem3) {
    var formVal1 = document.getElementById(formItem1).value;
    var formVal2 = document.getElementById(formItem2).value;
    var formVal3 = document.getElementById(formItem3).value;
    var url;
url = 'f?p=&APP_ID.:2:&APP_SESSION.::::P2_ENAME,P2_JOB,P2_SAL:' + formVal1 + ',' + formVal2 + ',' + formVal3 ;
// IE Browsers modal popup window
if (window.showModalDialog) {
    w = showModalDialog(url, window.self,"status:0; scroll:1; resizable:1; dialogWidth:25; dialogHeight:43");
    // w is an array returned from the modal popup containing the passback values
    if (w) {
      document.getElementById("P1_ENAME").value = w[0];
      document.getElementById("P1_JOB").value = w[1];
      document.getElementById("P1_SAL").value = w[2];
      document.getElementById("P1_SAL").focus();
else {
// mozilla based browsers modal popup window
w = open(url,"winLov","Scrollbars=1,resizable=1,width=800,height=600", modal="yes");
if (w.opener == null)
    w.opener = self;
w.focus();
</script>Though you don't need to know how to read javascript for this example, it helps to understand that this function only does one important thing: it opens a modal popup window of page two in our application while passing values to P2_ENAME, P2_JOB, and P2_SAL. It gathers those values to pass from the names of the HTML DB items provided to it. The call to this function will be added in the next step below.
Step 5 - Add a popup link next to the P1_SAL field on the form page
Add a link to the form page that will call the callMyPopup function above and pass it the values it needs. To do so, place the following HTML in the "Post Element Text" field attribute of the P1_SAL item:
<~a href="javascript:callMyPopup('P1_ENAME','P1_JOB','P1_SAL');">Click for LOV<~/a>NB. remove ~ from above when deploying
Step 6 - Add the LOV report to the popup page
The next step is to create a report on the popup page based on the values passed from the form on page one. The tricky part of this report is providing a means for the selected values to be passed back to the form page. This can be achieved by having a column of the report render as a javascript link that would close the popup window and pass the ename, job and sal values for that row back. Start by adding a simple report region to our Modal popup page that uses a query such as:
      select ename, job, sal , 'placeholder' the_link
        from emp
       where ename like '%'||:P2_ENAME||'%'
         and (job = :P2_JOB or :P2_JOB is null)
         and (sal = :P2_SAL or :P2_SAL is null)Note that the last column in this query is just a placeholder. once the region is created, turn that placeholder into a link by doing the following:
Navigate to the Page Definition for page 2
Next to the name of the report region created in step 6, Click Q
Next to the column THE_LINK, click the edit icon
In the "Link Text" field enter the string "select"
In the URL field enter: javascript:passBack('#ENAME#','#JOB#','#SAL#'); Click the "Apply Changes" button
Step 7 - Add the javascript function to the Modal popup page to pass selected values to the (parent) form page.
In the previous step you added a call to a javascript function, passBack. Now add that function to the top of Modal popup page 2. In the same manner as step 4 above, add that passBack function to the page 2 by putting it in the "HTML Header" field of the page-level attributes screen. The function should look similar to the following:
<script language="JavaScript">
   function passBack(passVal1, passVal2, passVal3)
     // IE Browser return the passback values in an array
     if (window.showModalDialog) {
       var retVal = new Array(passVal1, passVal2, passVal3);
       window.returnValue = retVal;
       window.close();
     // Mozilla based browsers right the passback values directly into the parent window
     else {
       opener.document.getElementById("P1_ENAME").value = passVal1;
       opener.document.getElementById("P1_JOB").value = passVal2;
       opener.document.getElementById("P1_SAL").value = passVal3;
       opener.document.getElementById("P1_SAL").focus();
       close();
</script>This function simply sets the values of P1_ENAME, P1_JOB, and P1_SAL with the values of the whatever's stored to the three HTML DB item names passed to it. It also closes the current window and puts the cursor back into the P1_SAL field.
Step 8 - Polishing
The basic functionality of this custom modal popup window has been created in steps 1 though 7. To make its usage a little more friendly, it's advisable to add Cancel and Search buttons to the popup window page. The Search button should just be added as a regular button that branches back to the page 2. Adding this button allows users to re-query for LOV options without having to return to our form page. The Cancel button should be created with an "Action" of "Redirect to URL". The "URL Target" of the button should be javascript:window.close(). As the code suggests, the Cancel button would just close the popup window (with no values returned).
Hope this is of use....

Everything said above is working fine but in Mozilla small popup is coming in top left corner of browser..
so please help me so that it is opened in proper width and height in mozilla.

Modal popup window refresh the parent (calling) window/view

I have a modal popup window that is adding detail records. When this window is closed via the Hide method in my controller I would like to refresh the parent (calling) window/view.
What is the best way to do this?
Regards,
Diane

Here's my process.....
2-windows & 3 views
Window 1 - Selection View and Detail View
Window 2 - Add View (used as a modal popup window called by a button click on the detail view)
Selection View has all the options for obtaining a list of data for the detail view. The detail view has an Add button. Component controller has the hide method and access to the other components that do the update/query methods. On the detail view the user can click Add and a popup modal window shows. User enters data and clicks either the add or cancel button. The Detail view needs to refresh to show the additional data that has been added by the modal window. There are calcuated values in the detail view from a supply function. This function is not running and the values are not changed.
What should be put in the hide method that will cause the detail view to obtain new data and supply the calculated values? If I was using the Add view as part of the same window as the detail/selection views I'd just put in a navigation link between the detail and add views and fire the plug. I like the idea of the popup window so I'd like to get this to work.
I put the wdContext.initialize() in the hide method - which yes - caused the detail view to run - however the context lost all the key values so I received a data not found. I then tried to initialize those nodes that did not contain the key values but the detail view did not display new values.
Thanks for any ideas.....Diane
Edited by: Diane Fuller on Jan 8, 2009 6:48 AM

Darken Modal/PopUp Window??

Hi,
In Flex there is the concept of modal popup windows or modal
dialogs, whatever you want to call them. Is there a way to control
the color of the window? So to be clearer, when you pop up a window
using the PopUpManager Class and set the modal property to "true"
it creates this dimmed affect in the background. I want to make
this darker than the default. How can I do this?
Thanks,
-Westside

Create a CSS class for Alert and modify the
modalTransparencyColor. For instance, here's one I use:

How to make another modal popup window in a modal popup window?

how to make another modal popup window in a modal popup window?
two modal windows must be made by inheritance of JDialog.

the jdialog has constructors where you can set another jdialog as owner. (the same as frame)
Visit our german java forum at http://www.java-forum.org/de
An english version will be released soon at http://www.java-forum.org/en

Conditional display of modal popup window?

Hi,
I'm currently implementing a file-upload in Apex 4.1. The workflow I envision is this:
*User selects the file and initiates upload
*The file is checked by some pl/sql code.
*Under certain conditions the user is asked if she wants to continue.
*The data is processed.
For the conditional user-dialog I wanted to use a modal popup window as described in http://shijesh.wordpress.com/2010/04/10/jquery-modal-form-in-apex-4/ and other places.
But how can I conditionally display this dialog dependent on the result of the file-check? I would need to call a java-script function from pl/sql - but how can this be achieved?
Any hints or examples?
Many thanks & kind regards,
stephan

steph0h wrote:
Hi,
I'm currently implementing a file-upload in Apex 4.1. The workflow I envision is this:
*User selects the file and initiates upload
*The file is checked by some pl/sql code.
*Under certain conditions the user is asked if she wants to continue.
*The data is processed.
For the conditional user-dialog I wanted to use a modal popup window as described in http://shijesh.wordpress.com/2010/04/10/jquery-modal-form-in-apex-4/ and other places.
But how can I conditionally display this dialog dependent on the result of the file-check? I would need to call a java-script function from pl/sql - but how can this be achieved?
Any hints or examples?
Many thanks & kind regards,
stephanI don't think you would call the java-script function from PL/SQL as much as (maybe) use PL/SQL to write it - embed the Javascript code in the generated HTML of the page. Another option would be to put the JavaScript code as page or item attributes to be executed at run-time

Modal Popup Window Hides Help Popup Window

Hello Everybody,
today I stepped upon an issue regarding popup windows.
I have created an application with popup windows for editing and inserting new records.
I left the item label templates to "Optional with Help".
When I now click upon an item label the help - popup window appears but it is hidden behind the popup window I am working in.
Is there a workaround for that.
Is there a possibility to modify the z-order either of the help popup or of the modal window ?
Any advice is appreciated.
Regards
Marc

There are lot of options to customize the behavior of jQuery dialog. You can set height as auto, however you need to specify some fixed width depending on the content.
$( "#TEST_POPUP" ).dialog({ height: "auto", width:500 });Default for height is auto, so you may not need to specify it.
See http://docs.jquery.com/UI/Dialog for more info.
Regards,
Hari

Popup window - Close button

Hi,
We have a requirement to disable/hide the standard close button present in the Internet Explorer while opening a popup window (the X icon present in the top right section of internet explorer window) . Any pointers on how to achieve this would be really helpful.
Thanks in advance.

I don't think it is possible to hide X of any window, as it is default feature of explorer by MSDN.
--Mukul

ADF Faces: non-modal popup windows

Hi,
when using the dialog functionality on commandXXX components the dialog always opens in a modal mode. My requirements are to let the user open as many popups as someone likes from the same page.
Is it possible to achieve this behaviour without manual "javascript hackery"?
Any hints are greatly appriciated.
Regards,
Andreas.

Hi all,
I still have the requirement to open a popup in non-modal mode. Has anyone an example how to do that? The actionListener method on my command button has to be executed of course...
Thanks in advance,
Andreas

Customizing Popup Windows - 'close' and 'minimize' buttons

I am using RoboHelp 7, and while using 'Insert Image Map', I have successfully created and linked pop up windows. The code shows something as: javascript:BSSCPopup('add_order.htm',300,250). At present, it opens up on mouse click (I used <a href...></a> and it disappears on mouse click outside it, with of course drag or resize as required.
However, how I can customize the pop up window such as adding the toolbar, or ability to 'minimize' or 'close' it, when required (the default _ and x hat we have in UI screens? I want the control to close or minimize the pop up to remain with the user,
Thanks
Niti

You can try to disable hardware acceleration in Firefox.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
You need to close and restart Firefox after toggling this setting.
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
You can also try a different Windows theme to see if there is one that works better.

Popup window display issue ???

I want to have a button the with launch a poup window. I
know how to do this put what I do not know how to do is have no
site display info in the new pop up window. I have done a normal
pop up window but it has the address bar in it and on the top of
the page is the site name and other text. What I am after here is
no address bar and no information displayed on the top of the
webpage. Reason is the are leaving my website and going to another
website, I do not want them to know they have, how do I achive
this??
Thanks much

You cannot.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"tim_ver" <[email protected]> wrote in
message
news:er8o66$6h$[email protected]..
>
>
> I want to have a button the with launch a poup window. I
know how to do
> this put what I do not know how to do is have no site
display info in the
> new
> pop up window. I have done a normal pop up window but it
has the address
> bar in
> it and on the top of the page is the site name and other
text. What I am
> after
> here is no address bar and no information displayed on
the top of the
> webpage.
> Reason is the are leaving my website and going to
another website, I do
> not
> want them to know they have, how do I achive this??
>
>
> Thanks much
>

Open item listform.aspx in modal popup window

Hello all,
i'm new in sharepoint.
currently i'm workin for customization of list with items to get solution like auction.
now i hold on there:
i created workflow which send a notification to user when he is rebid and want to insert link to form with bid button.
form was created by Infopath 2013 and working great when i click on it directly from SP site. but when i link it through link in email it goes to IE webpage and looks not really coll.
will appresiate any idea. thanks

Hi,
add the another query parameter at last. like &Source=SiteUrl
replace the SiteUrl with your workflow context variable.
Murugesa Pandian| MCPD | MCTS |SharePoint 2010

SAP Portal - POPUP window issue

Hi All,
I'm just new in SAP Portal and I want to ask an assistance regarding the issue our team is currently handling.
When user open a workitem in Engineer's Desktop (under Assembly Manager), a new popup window appears. When the user tries to open another workitem without closing the first one, the first popup window closes which should not be the case. If the user opens 2 workitem, there should be 2 popup window. There are no current changes done on Portal except the EHP upgrade.
Can you please help me on this? ANy idea is appreciated.
Thanks,
Arlene

Hi Padman,
Pls. install JVM on you local machine..
Regards
Pramod

Popup window name shows complete application URL

Hi,
I have two WD Java applications. App-1 and App-2.
I am opening App-2 as a non-modal popup window from App-1.
I want to display "Profile" as a name of this popped up window.
I have set this property while opening this window, but it still shows complete path of App-2 as window name.
IWDRequest aRequest = WDProtocolAdapter.getProtocolAdapter().getRequestObject();
String sUserDetailsURL = <app2 url>;
IWDWindow aDetailPopUp = wdComponentAPI.getWindowManager().createNonModalExternalWindow(sUserDetailsURL);
aDetailPopUp.removeWindowFeature(WDWindowFeature.ADDRESS_BAR);
aDetailPopUp.removeWindowFeature(WDWindowFeature.MENU_BAR);
aDetailPopUp.removeWindowFeature(WDWindowFeature.STATUS_BAR);
aDetailPopUp.removeWindowFeature(WDWindowFeature.TOOL_BAR);
aDetailPopUp.setTitle("Profile");
aDetailPopUp.setWindowSize(616, 520);
aDetailPopUp.show();
Can anybody please tell me what is going wrong here?
Also, another java application (non-WD) application is also calling App-2 as pop up window with name "Profile", but here also, same issue.
Var win=window.open(url,"Profile","menubar=no,status=no,scrollbars=no,directories=no,location=no,resizable=yes,width=725,height=625");
Please help.

That's odd... So the application title shows perfectly, however if you try to set it deliberately to a more descriptive text in a popup, it shows the complete path.
I can imagine setting the title would only work on a Modal window, so its framework controlled, not sure about a non-modal window though...
If your application runs in a portal, you could try using the following method:
WDPortalNavigation.navigateAbsolute(
          yourPagePathAndName,
          WDPortalNavigationMode.SHOW_EXTERNAL,
          yourPageWindowFeatures,
          "", /* window name/handler, can be empty string */
          WDPortalNavigationHistoryMode.NO_HISTORY,
          "Here set your page title",
          yourPageUrlParameters);

Modal Popup Window close issue

Similar Messages

Maybe you are looking for