Execute javascript after update and submit in Skillbuilders Modal Page
Hi,
I'm editing, say, list of my employees in a tabular form opened in Skillbuilders Modal Page.
I have to execute same javascript code after the changes in the tabular form have been submitted.
I've tried using a Dynamic Action fired on Page Load, but that gets executed before the update is completed.
Does anyone have an idea how to accomplish this?
Thank you!
Thank you for your answers.
Yes, I'm trying to execute javascript code on the child page, the modal one.
Basically, there's a button on my parent page which opens the modal page. The modal page has buttons Cancel, Delete and Save. Clicking Save button submits the changes and if there are errors, errors are shown and we stay on the modal page.
My modal pages are all of fixed dimensions and if there are errors, I have to adjust the other regions (adjust their height, add a scrollbar, etc) in order to show everything in the modal page.
I have written a function that does exactly that, but I have to execute the function after the page is loaded and the regions are shown. But, if I execute it using onload attribute, or setting a dynamic action which fires on page load, the function gets executed during the submit, before the regions are shown.
I hope I have managed to clear up the problem.
As always, thank you.
Similar Messages
-
I have updated from Snow Leopard to Lion with Safari Version 5.0.5. Now I can not update to Safari 5.1. There is no update in the Software Updater, and on the apple-download page, I only found a Safari 5.1 for Snow Leopard. When executing it, there is an error message, that it is for 10.6 only.
It seems that I should have first updated Safari, and then only to Lion, which I didn't. Any idea how I can fix this now without having to rollback to Snow Leopard, update Safari and then go back to Lion?Try this Safari5.1 from the installer package
http://www.filefactory.com/file/cc9005d/n/Safari.pkg.zip
The download worked better with Firefox not sure why. At the bottom of the page after the captcha>> slow down load is the Free link, it took about 4 minutes to download on my test. -
I can no longer open any attachments that are sent to me. I click on and get cannot preview (but have had this for ages). I am clicking on download and nothing happens. It does not download. I clicked to install a new version after updating and clicking repair. But still the attachments won't open including invoices I have received today. It is all attachments not just pdfs.
Angela Richens wrote:
It is all attachments not just pdfs.
Then most likely it is not caused by Adobe Reader.
Anyway, perhaps someone has some idea, if you give us some details: operating system, browser, email client, ... -
I purchased a mac book pro in oct 2011, I restarted it after updating and it,s stuck on apple symbol, I hit command R while restarting and clicked on disk utility. It says disk can't be repaired, apple wants $249 to tell me what's wrong. Please help!
What Apple store told you they wanted $249.00 to tell what is wrong?
If this is a 13" Macbook Pro then that is the cost of the Extended Applecare warranty. As you are outside the 90 days of Free Phone Support then what Apple told you is that to get Phone Support you would either need to pay $45 per phone call or pay $249.00 for the Applecare extended warranty which comes with 3 years Free Phone Support from date of purchase.
Or you can take it to a Apple Genius Bar and have them look at it for Free.
Every Mac comes with 1 year warranty and includes only 90 days of phone support. You can buy the extended Applecare warranty anytime within the first year of ownership, IE until the 1 year warranty runs out.
I suggest you have your computer looked at by either an Apple Authorized Repair Center or Genius Bar and then before the 1 year warranty runs out buying the extended warranty -
After update and restore i am getting a message like ,Your iphone could not be activated because the activation server is temporarily unavailable.also i am getting no service message and also connected to wifi
mine is and before what the other guy wrote, it said your iphone could not be activated because we could not reach the server
-
How can I get my iPhone 4 to update my updates from my app store of it keeps telling me error 3150 or it tell me to refresh the page after updates and the updates are still there asking me to update them again?
Make sure iTunes on the computer is logged into the account on the phone.
Plug the iPhone in.
In the popup window warning about wiping your phone, hit cancel.
In the left pane of iTunes, the phone icon should be there.
Right click on it, select transfer purchases.
Note: this will only transfer music bought from iTunes. Not mp3's from amazon or ripped from CD's. -
I have a new iphone 5. After update and download some programs I can not just turn it on and shown in the LCD "iTunes" with a picture of a USB cable. - Can anyone help me solve the problem. thanks
Its trying to tell you to connect it by usb to a computer to reflash a failed firmware flash
You should comply -
Problems with Apex4.2, SkillBuilders Modal Page plugin, IE9 and HTML5 theme
Hello everyone.
Please Help.
Again problems with Apex4.2, SkillBuilders Modal Page plugin, IE9 and HTML5 theme (Blue Respensive).
1. The problem is that all the popup windows display 100% of the width
2. After opens a popup window change the width of the parent window forms.
This happens only in IE9 browser.
In other browsers, the popup window only much larger than the form that is opened.
I can not change the size of the window.
Thanks.Milk,
I changed the component level settings to use a fixed height and width (I adjusted edit, you still need to adjust create). You can try adjusting this some because the modal page should adjust a bit.
Then I added this CSS to the Inline CSS of the modal page:
section.uMessageRegion{position: static; !important;}
Let me know how this works for you.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/ -
After updating to OS X Maverick my Pages app reverted to the previous version.
After updating to OS X Maverick my Pages app reverted to the previous version (4.9) and now I can't update to the latest version (5.0) of Pages. When I check updates it says that I have the latest version (5.0) of Pages. How can i get the update app to allow me to update?
Installing the update does not change the Dock icons & it does not remove the older versions. Go to your Applications folder & launch the new Pages from there.
-
Open Skillbuilders modal page from report
I want to open the Skillbuilders modal page from within a report. The first column in a report represents the primary key of the table the report shows. What is the best way to do that?
The idea is this: in the report region, there's a button CREATE that opens the modal dialog by Skillbuilders. A user can enter some data, clicks submit, modal dialog closes and report is refreshed. That's working now. Now I want to add a link to the first column in the report, that also opens the modal dialog, passing the value of the primary key of the row the user clicks on.
I'm not that experienced with Javascript, I guess I'll have to create an dynamic action with a jquery selector, and as a true action, a javascript call to open the dialog. Can someone give me a start?
Thanks in advance!You actually do not need that much javascript in this case. Simply design your column as you would normally do to create a link column.
<ul>
<li>Column Link: Provide a link text</li>
<li>Link Attributes: onclick="return false;" class="show_modal"</li>
<li>Set the target page and provide any items you want filled.</li>
</ul>
onclick="return false;" is to prevent the default behaviour of the anchor tag: navigate to the location specified in the href attribute. We want to open the modal page instead.
Now to have the modal dialog open, create a dynamic action.
<ul>
<li>Event: Click</li>
<li>Selection Type: jQuery Selector</li>
<li>jQuery Selector: .show_modal</li>
<li>Advanced > Event Scope: live (so the links will work after pagination)</li>
</ul>
For the true action, select the SkillBuilders Modal Page plugin, and make sure these are specified as following. This will take the location in the generated link columns and open a modal page for this location.
So, this would open your edit page with the correct id (which you set up in the column link).
</ul>
<li>URL Location: Attribute of Triggering Element</li>
<li>Attribute Name: href</li>
</ul>
If you set it up like this, you have the convenience of the standard column link definitions, no need for any javascript save onclick=false and no need to fill up page items and deal with submission to session state. -
I've problems with skillbuilders Modal Page (2.0.0) plugin
Hi,
I'm a newbie on Apex. I'm creating an application with APEX 4.2.1 using the plugin Skillbuilders modal page 2.0 to create/edit the form,
but after I submitted all the information on page2, I'm not able to come back to page1 and also it doesn't appear the message
"Action Processed."
Could you tell me why doesn't work or checking my demo application on apex.oracle.com (http://apex.oracle.com/pls/apex/f?p=58394:1).
The credentials are:
workspace: draccanelli
username: [email protected]
pwd: draccanell1
Application: DR - Modal
ID: 58394
These are the steps I made:
a) install plugin
b) change security from ...
c) create TEST application (DR - Modal) doing these steps:
Theme used for the application demo: theme 25
Page1:
c.1) change some attributes of create button
Static ID: create-btn
Action: defined by DA
c.2) create DA "create": event:click
selection type: jquery
jquery selector: #create_btn
Action: skillbuilders Modal Page (2.0.0)
URL Location: statically defined
static URL: f?p=&APP_ID....
Auto Close on Element: div#success-message
c.3) change some attributes for report "report"
Link Attributes: onclick="return false;" class="edit-link"
c.4) create DA "Edit Modal": event:click
selection type: jquery
jquery selector: .edit-link
Action: skillbuilders Modal Page (2.0.0)
URL Location: attribute of triggering element
static URL: href
Auto Close on Element: div#success-message
c.5) create DA "Modal Page auto close": event: Auto Close (skillbuilders 2.0.0)
selection Type: DOM Object
DOM Object: document
Action: Refresh
add another action:
event: Auto Close (skillbuilders 2.0.0)
action: execute JavaScript Code
Code:
$('#messages')
.hide()
.empty()
.append(this.data.$modalPageCloseObject)
.slideDown('slow');
Page2:
d.1) change template: Popup
d.2) change branches to the page 102
Page 102 (Close Modal)
e.1) create page with no item
Thanks in advance...
DavideYour auto-close selector is wrong. You probably copied over the default values, and those do not work on theme 25. The template for your popup page is "Popup".
Looking at the success message subtemplate for the Popup page template:
<div class="apex_grid_container">
<div class="apex_cols apex_span_12">
<section class="uMessageRegion successMessage clearfix" id="uSuccessMessage">
<div class="uRegionContent clearfix">
<a href="javascript:void(0)" onclick="apex.jQuery('#uSuccessMessage').remove();" class="uCloseMessage"><span class="visuallyhidden">#CLOSE_NOTIFICATION#</span></a>
<img src="#IMAGE_PREFIX#f_spacer.gif" class="uCheckmarkIcon" alt="" />
<div class="uMessageText">
<h2 class="visuallyhidden">#SUCCESS_MESSAGE_HEADING#</h2>
#SUCCESS_MESSAGE#
</div>
</div>
</section>
</div>
</div>Your auto close selector would be
section#uSuccessMessageDon't use .apex_grid_container and also not .apex_cols apex_span_12
These are classes also used for the body and are not reserved to only the success message.
However, your auto close action will not work too. Again, you probably copied over the default values, but it won't match with the page template. There is no #messages container to append to. Again, look at the page template for page 1, success message subtemplate, which is the same code as above.
Not home yet. Since the auto-close selector will only fetch the success message section tag, we can't just insert that in the parent page if there is no div container for it yet. First test for the existance of a success message region, and if not, add the containers. Note that this is very template specific!
Looking at the page template body code:
<div id="uBodyContainer">
#REGION_POSITION_01#
#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#
<div id="uOneCol">
<div class="apex_grid_container">
<div class="apex_cols apex_span_12">
#BOX_BODY#
</div>
</div>
</div>
</div>The success message can be inserted before div#uOneCol.
Annoyingly, notice the onclick code of the uCloseMessage link. This will not be copied over, meaning that the success message will be there, looking pretty. Very annoying. So we'll bind for that.
This will go into the auto close execute javascript:
if($('section#uSuccessMessage').length){
$('section#uSuccessMessage').parent().html(this.data.$modalPageCloseObject)
}else{
var newContainer = $('<div class="apex_grid_container"><div class="apex_cols apex_span_12"></div></div>');
newContainer.find('div.apex_cols').html(this.data.$modalPageCloseObject)
$('div#uOneCol').before(newContainer);
$('a.uCloseMessage').click(function(){$(#'uSuccessMessage').remove();});
};In the end, i only had to adjust the auto close selector and the auto close javascript code.
Edited by: Tom on Dec 19, 2012 9:51 AM: forum ate my code but my CTRL+C skills nailed it. -
Passing this.triggeringElement.id in URL to Skillbuilders Modal Page
Hello,
I have an IR on page 6 and when a user selects a row, I want the unique ID for that row to be passed to a field on page 10 via Dynamic Action on a Skillbuilders Modal Page. I'm able to alert and see the value in this.triggeringElement.id, but when I try and pass it in the URL, it doesn't come through. I've also tried passing values to a field on page 6 that then passes to page 10, application items, etc. I think page 10 is being called before it can grab a value from page 6, but I can't figure out how to pass a value on the fly to the URL. Here is my current URL call:
f?p=&APP_ID.:&PAGE_BRANCH.:&SESSION.:::&PAGE_BRANCH.:P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:&P6_AGENT_ID.,this.triggeringElement.id
i've also tried:
f?p=&APP_ID.:&PAGE_BRANCH.:&SESSION.:::&PAGE_BRANCH.:P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:&P6_AGENT_ID.,&P6_APPLICATION_ID.
Any help is greatly appreciated!
Thanks,
Johnny
Edited by: Johnny98 on May 2, 2012 8:28 PM
Edited by: Johnny98 on May 3, 2012 7:00 AMJohnny98 wrote:
Hello,
I have an IR on page 6 and when a user selects a row, I want the unique ID for that row to be passed to a field on page 10 via Dynamic Action on a Skillbuilders Modal Page. I'm able to alert and see the value in this.triggeringElement.id, but when I try and pass it in the URL, it doesn't come through. I've also tried passing values to a field on page 6 that then passes to page 10, application items, etc. I think page 10 is being called before it can grab a value from page 6, but I can't figure out how to pass a value on the fly to the URL. Here is my current URL call:
f?p=&APP_ID.:&PAGE_BRANCH.:&SESSION.:::&PAGE_BRANCH.:P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:&P6_AGENT_ID.,this.triggeringElement.id
i've also tried:
f?p=&APP_ID.:&PAGE_BRANCH.:&SESSION.:::&PAGE_BRANCH.:P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:&P6_AGENT_ID.,&P6_APPLICATION_ID.
Any help is greatly appreciated!
Thanks,
Johnny
Edited by: Johnny98 on May 2, 2012 8:28 PMHi Johnny,
your current URL will only replace the values(PAGE_BRANCH,SESSION..etc) only when the page is being rendered, in order to construct the url after the page is loaded you need to use JavaScript something like
var vurl = 'f?p='+$v('pFlowId')+':'+$v('PAGE_BRANCH')+':'+$v('pInstance')+':::'+$v('PAGE_BRANCH')+':'+P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:'+$v('P6_AGENT_ID')+','+this.triggeringElement.id;
//then use the constructed url in javascript call
redirect(vUrl);Thanks -
Skillbuilders modal page plugin query
Hi Guys,
I have downloaded the Skillbuilders modal page plugin and it works very well for 99% of the scenarios that we have encountered.
We have one page which needs a slight modification from the standard functionality with regards the modal plug in..
We have a tabular form which has a field into which we have created our own button (which is used as a link to page 6) with the following syntax:
*<input id="modal" type="button" value="comps" onclick="javascript:redirect('f?p=&APP_ID.:6:&SESSION.::NO::P6_JOB_RESP_ID,P6_RESPONSIBILITY_ID:#Comps#,#Responsibility#')" />*
which calls another page within the application and passes in the #Comps# and #Responsibility# values from the current row in the tabular form.
What I am trying to do is to use the modal page plugin within this tabular form functionality so that the new page (page 6) appears as a modal page.
The part that is confusing me is how to pass the #Comps# and #Responsibility# values in the tabular form into the plug in as parameters so that the new page appears modal.
If anyone else has experience using this plugin, any advice would be great.
Chris
Edited by: Cashy on 23-Feb-2012 01:22Hi Jieri,
The problem is how you are generating the link. You're using substitution string syntax in the link to refer to an item's value. This will work only on page load. You need something more dynamic.
For some reason I was able to log in yesterday but I was short on time. Today I tried and the login failed. Try to do this on your own...
1. Create a hidden item on the page (not protected).
2. Reconfigure the dynamic action to respond to the click event on that hidden item.
3. Reconfigure the plug-in to grab the link using an attribute of the triggering element. The attribute can be something like "data-href".
4. Reconfigure the button to so that clicking the button executes some JavaScript that does two things:
a) Sets the data-href attribute of the hidden element to the correct value for the link
b) Triggers the click event on the hidden element
If you need more help from me on this please unlock that account. Also, I don't know when I'll be able to get to this so please be patient. You can always email me the password if you want to keep it private.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/
twitter: https://twitter.com/dmcghan -
Skillbuilders modal page - success message not closing in Internet Explorer
Hello,
I'm using Skillbuilders modal page plugin on Apex 4.1.
The plugin works great in all browsers except in IE, where I'm unable to close the success message by clicking on the "x" in the upper right corner.
I'll explain further.
I have a report on, say, page 10, and I'm editing each row in a modal page (page 11). Upon saving the changes, the modal page closes and a success message is shown on the page 10. I can see the message both in Firefox and IE, however, I am unable to close it in IE.
When I inspect the success message using Firebug in Firefox, I see that I have:
<div id="messages" style="display: block;">
<div id="success-message" class="success">
<img class="remove-message" onclick="$x_Remove('success-message');" alt="" style="float:right;" src="/i/delete.gif">
Action processed.
</div>
</div>However, when I inspect the success message in IE, I see:
<div id="messages">
</div>The success message is shown on the page, but it doesn't show in the page source code, and clicking on the "x" doesn't close it.
I've tried it with several themes, the problem persists.
Does anyone have any idea what might be the problem here?
Did someone have a similar problem?
Thank you!I've been looking at it, kind of gutted that indeed the semi-colon means nothing. Was sure that was it, and then didn't bother to test it in the template anymore as it ate so much time already. That should teach me...
Anyway, I was puzzled too. Apparently it has to do with IE8 and jQuery appending code to the document, whether it is .append or .before. The element is there and all, but the onclick just does nothing. Why did it work after editing it? Probably because IE was then able/willing to pick the attribute up.
I've fiddled with it over and over, trying to find something ,googling it, but couldn't really find a certain cause nor fix. Putting in the anchor? Nope. Onclick reacting only on second click? Nope. Just do an alert? Nope. Just nothing works at all. I really just gave up. IE8 is just such a headache that by trying to "fix" it in its ways you're off worse.
In the end I fixed it in another way. My template is different than yours but the technique is the same.
I removed the onclick attribute from the success message region, on both page templates. If it ain't gonna work I don't want it there (good riddance too). I changed the href attribute too by just putting "#" in, which is probably just me being pedantic. This is my result success message template:
<section class="uRegion uWhiteRegion uMessageRegion clearfix" id="uSuccessMessage">
<div class="uRegionContent clearfix">
<a href="#" class="uCloseMessage"></a>
<img src="#IMAGE_PREFIX#f_spacer.gif" class="uCheckmarkIcon" alt="" />
<div class="uMessageText">
#SUCCESS_MESSAGE#
</div>
</div>
</section>To be able to close it, I added some javascript in the page header:
<script type="text/javascript">
$(document).delegate(".uCloseMessage", "click", function(){$(this).closest(".uMessageRegion").remove(); return false;});
</script>This is much in the way of a dynamic action with scope "live". I didn't want to bother with having to put a dynamic action on each page, and is why I did it this way. It works fine in each browser too, so hurray.
Your solution works too of course, it's much the same. I wouldn't call it a "workaround" too, since it didn't work initially anyway. I wouldn't look further and stick with what works best for you. :) -
Problem closing Skillbuilders modal page when using Login page 101
Trying to setup website with the Login page opening in a modal window instead of normal Apex window.
Have a Global Page (0) which has a Login button defined - that has a dynamic action defined on it
Login Clicked
True
SkillBuilders Modal Page(2.0.0) [Plug-in]
Fire When Event Result is True
Dialog Title: Login
URL Location: Statically Defined
Static URL: f?p=&APP_ID.:101:&APP_SESSION.:::1:::
Auto-close On Element Selector: div#success-message
Created a branch page 102 called Close Modal
Have tried putting the following javascripts into Page 102 and also without - but cannot get the modal window to close out.
Dynamic Action on page 102 Close Modal Window - Event is On Page Load. No condition set
Execute Javascript Code
Fire When Event Result is True
Fire On Page Load - checked
Code:
javascript:parent.$(parent.document).apex_modal_page('close');
Any ideas which might help ?
Thanks - JonathanI can't say. I have not successfully tried this in any version of Apex (until just now).
Ignore my suggestions regarding page 0 from earlier.
If the user is on a page in your application and they have an invalid session, when they get that valid session in the login page how are you going to pass along that information to the parent/calling page? This just doesn't seem to be only about the authentication scheme.
A simple test I set up right now has me at page 1. I click a button and I get the login page modal. I login and the modal window displays a logged in version of page 1. But if I manually close that modal window and then refresh page 1 in the main parent window, I am still not logged in. A little further digging and I see it is in part due to the URL and the session id within.
If my URL is http://apex.oracle.com/pls/apex/apex/f?p=18025:1 then this refresh will not work.
If my URL is http://apex.oracle.com/pls/apex/apex/f?p=18025:1:123456 and 123456 is not a valid session then this refresh will not work.
You'd need to follow Jorge's suggestion to use some javascript like top.location.href="&FSP_AFTER_LOGIN_URL." to set the parent window to use the correct url containing the session id.
You would have to control when that code is placed on a page. I have a working example now at the above URL that uses a dynamic action on page 0.
Event = Page Load
Condition = Page != 101
Action = Execute Javascript Code
JS Code =
if (window.location != window.parent.location)
parent.location.href="&FSP_AFTER_LOGIN_URL."
So if I am loading page 101 do nothing. If I am loading another page, check if the parent and iframe are different source locations (indicating this is an iframe because even a non-iframe window will have a value for parent.location) and if so then set the parent page location to that of the iframe. In effect the redirect that happens in the modal is transferred to the parent.
This will break any other modal page instances you use though. But you could add them to the condition of the dynamic action on page 0 so you have something like "page not in 101, 1020, etc."
It seems to work but it feels like a hack to me. Perhaps a specific template for the modal window with some version of this javascript would at least keep you from running this script on every page load.
Greg
Maybe you are looking for
-
How do i transfer contacts from macbook to outlook on my pc
How do I transfer contacts from my macbook to outlook on my pc?
-
Lenovo T61p and Seagate Momentus 7200.4 POST problem in UltraBay
Two different T61ps. Mine is a 6459-CTO model. Two different Seagate Momentus 7200.4 500GB drives. System boots fine, even with a second hard drive installed in the Ultrabay SATA adapter, most recently a Samsung Spinpoint 500GB 5,400rpm drive in m
-
RMAN could not login successful through UNIX shell
Hello All, I meet the problem with executing rman by UNIX shell on Solaris OS. I have two scripts files: backup.rman and backup.sh. Both of them were created by root with chmod 755, and the Oracle user could not modify them. ---------backup.sh rman t
-
Jdbc-odbc-bridge connection pool
I got a problem with odbc connection pool in my Sun App Server 7. When i try to connect to the odbc database (msaccess or conzept16), i got a SQLException : com.sun.enterprise.repository.J2EEResourceException java.lang.NoSuchMethodException: setdatab
-
Cannot select the updating of Adobe services
Cannot select the updating of Adobe services