This discussion is archived
1 2 Previous Next 15 Replies Latest reply: Mar 6, 2013 6:09 AM by Mark BT52 RSS

Skillbuilders modal page plugin query

Cashy Newbie
Currently Being Moderated
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:22
  • 1. Re: Skillbuilders modal page plugin query
    rima Pro
    Currently Being Moderated
    Maybe you can ask support at the guys at Skilbuilders.

    I know Daniel c.s. to be very helpful on this.

    Good luck!

    Regards,
    Richard

    -----
    blog: http://blog.warp11.nl
    twitter: @rhjmartens
    If this question is answered, please mark the thread as closed and assign points where earned..
  • 2. Re: Skillbuilders modal page plugin query
    Gor_Mahia Explorer
    Currently Being Moderated
    Chris,
    Did you get this to work ? it seems the modal plugin doesn't work in apex 4.1.x pls let me know.
  • 3. Re: Skillbuilders modal page plugin query
    srbonham1 Explorer
    Currently Being Moderated
    Cashy,

    I haved used this plugin before. I dont think I am understanding what you want.

    Are you looking for a modal page (parent) that loads a modal that loads another modal (page 6)?

    The skillbuilders modal plugin is simply a div with an IFRAME (loading a page) so I dont see why this scenario isnt obtainable.
  • 4. Re: Skillbuilders modal page plugin query
    Gor_Mahia Explorer
    Currently Being Moderated
    srbonham1,
    Ive got the popup to show modally but how to you pass parameters from the first page to popup page like on page1 i have item p1_Item1 and i want to pass this value to page2/popup item p2_item1 ? thanks.
  • 5. Re: Skillbuilders modal page plugin query
    TexasApexDeveloper Guru
    Currently Being Moderated
    You do know that in APEX you can READ the values from Page 1 on Page 2 IF PAGE 1 VALUES ARE IN SESSION STATE, RIGHT? So you can do a before header pl/sql call to copy the values from Page 1 items to Page 2 items...

    Thank you,

    Tony Miller
    Dallas, TX
  • 6. Re: Skillbuilders modal page plugin query
    srbonham1 Explorer
    Currently Being Moderated
     
  • 7. Re: Skillbuilders modal page plugin query
    dmcghan Oracle ACE
    Currently Being Moderated
    Jieri,

    Please set up an example of what you are trying to do on apex.oracle.com. Provide us with developer credentials including the workspace name.

    Regards,
    Dan

    blog: http://DanielMcghan.us/
    work: http://SkillBuilders.com/APEX/
    twitter: https://twitter.com/dmcghan
  • 8. Re: Skillbuilders modal page plugin query
    Gor_Mahia Explorer
    Currently Being Moderated
    Dan,
    I got modal popup to work but now iam faced with passing values like Customer firstname from page1 to popup/page5 p5_Test item, iam using the the url provided in plugin like,
    f?p=&APP_ID.:5:&APP_SESSION.:::5::::P5_TEST:&P1_CUSTOMER_ID.
    How can i pass values from page1 to page5/popup please check my example
    In developer07152012 run page1, enter customer name ,click Generate Reports to popup page5 you will see the value isnt passed.



    http://apex.oracle.com/pls/apex/f?p=4550:1:0:::::

    workspace=proj2010
    userid/pwd=demo/demo123


    thanks in advance.
  • 9. Re: Skillbuilders modal page plugin query
    dmcghan Oracle ACE
    Currently Being Moderated
    Hi 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
  • 10. Re: Skillbuilders modal page plugin query
    Cashy Newbie
    Currently Being Moderated
    Hi jieri

    Yes I managed to get it all working with the help of Dan.

    Great plugin...

    Chris
  • 11. Re: Skillbuilders modal page plugin query
    Mark BT52 Newbie
    Currently Being Moderated
    Hi,
    Having exactly the same issue.

    Can anyone help me out with the syntax for this bit of Dan's solution please?

    a) Sets the data-href attribute of the hidden element to the correct value for the link

    Cheers
    Mark

    (EDIT: Sorry, after ages tearing my hair out over this I suddenly spotted what was wrong within 2 mins of posting...
    New at all this JS malarky...)

    Edited by: Mark BT52 on Mar 5, 2013 6:31 AM
  • 12. Re: Skillbuilders modal page plugin query
    dmcghan Oracle ACE
    Currently Being Moderated
    Mark,

    That's not unusual, glad you figured it out.

    Regards,
    Dan

    blog: http://DanielMcghan.us/
    work: http://SkillBuilders.com/APEX/
  • 13. Re: Skillbuilders modal page plugin query
    Mark BT52 Newbie
    Currently Being Moderated
    I spoke to soon

    $(P44_CLICKY).attr('href','http://xxx.xxx.xxx.xxx:8888/apex/f?p=&APP_ID.:36:&APP_SESSION.:::36:P36_ID,P36_POPUPMODE:&P44_CONR_ID.,1:');

    ...works fine in FF and Chrome, but not IE9 :-(


    EDIT Ok, I've sorted it again by replacing $(P44_CLICKY).attr

    with $(document.getElementById('P44_CLICKY')).attr

    or with $("input#P44_CLICKY").attr

    (Why is it I can only find a solution after asking for help...)

    Edited by: Mark BT52 on Mar 6, 2013 3:25 AM

    Edited by: Mark BT52 on Mar 6, 2013 3:28 AM
  • 14. Re: Skillbuilders modal page plugin query
    dmcghan Oracle ACE
    Currently Being Moderated
    Mark,

    Please change:
    $(P44_CLICKY)
    To:
    $('#P44_CLICKY')
    Also, your attribute setting doesn't look quite right. The string should be built up dynamically so it should look like this:
    $('#P44_CLICKY').attr('href','http://xxx.xxx.xxx.xxx:8888/apex/f?p=' + $v('pFlowId') + ':36:' + $v('pInstance') + ':::36:P36_ID,P36_POPUPMODE:' + $v('P44_CONR_ID') + ',1:');
    Regards,
    Dan

    blog: http://DanielMcghan.us/
    work: http://SkillBuilders.com/APEX/
1 2 Previous Next

Legend

  • Correct Answers - 10 points
  • Helpful Answers - 5 points