JQuery dialog to display an apex page

I am well on the way to integrating Jquery into Apex.
What I would like to do is popup a modal JQuery dialog with the contents being a complete Apex page.
I have tried an iframe as the contents of the dialog and calling the page, but this doesn't seem to load or execute JS or CSS.
I have also tried the htmldb_Get method to get the page and populate the dialog, again this has the same problem as the above.
Does anybody have any ideas?
Thanks in Advance
Ian

Ian,
Did you also encounter the error: document.wwv_flow.submit is not a function?
Because a second page is loaded in the dialog all my page processes (called by a generated apex javascript submit) stopped working...
I am at a loss...
With regards,
Frank.

Similar Messages

  • JQuery Dialog Not Working

    My application uses jQuery Dialog should display a message the first time the user goes to the screen. It does not display.
    In page 0:
    Region Dialogs HTML
    Display Point Before Footer
    Sequence 1010
    Source:
    <div id="alert-dialog" style="display:none">
    <p id="alert-dialog-text"></p>
    </div>In page 2:
    Region Instructions HTML
    Display Point Before Footer
    Sequence 1009
    Source:
    & nbsp;
    Region Footer
    <script type="text/javascript">
        firstTime = $v ('P2_FIRST_TIME');
        if (firstTime != "N" || firstTime == null)
       $("#alert-dialog-text").text("Answer each of the following questions completely to the best of your ability. Read all instructions before answering the questions. If you have any questions about completing the form, contact the attorney designated under the Code of Ethics and Financial Disclosure.");
       $("#alert-dialog").dialog('open').dialog("option","title","Instructions").dialog("option", "width", 460 );
    </script>Items
    Region: Instructions
    P2_FIRST_TIME Text Field
    It was working at one time. Then I did something (i don't remember what) to not display it temporarily.
    Now I need to display it.
    Can someone help? Jari helped me last time but if Jari is too busy and someone else can help, I would appreciate. (The 1st person that gets it right I will give him/her "Correct" Points, Others I'll give "Help" Points)
    APEX 3.2.1.00.12
    DB Oracle 10g Rel 2
    Robert
    http://apexjscss.blogspot.com

    Hi,
    Try
    <script type="text/javascript">
    $(function(){
        firstTime = $v ('P2_FIRST_TIME');
        if (firstTime != "N" || firstTime == null){
         $("#alert-dialog-text").text("Answer each of the following questions completely to the best of your ability. Read all instructions before answering the questions. If you have any questions about completing the form, contact the attorney designated under the Code of Ethics and Financial Disclosure.");
         $("#alert-dialog").dialog('open').dialog("option","title","Instructions").dialog("option", "width", 460 );
    </script>So JavaScript is run after whole HTML document is ready
    Regards,
    Jari

  • Load page in jquery dialog

    hi
    my apex version is 4.0.2
    i try to load a page in a jquery dialog box
    the dialog box opens with following javascript error
    apex.jquery.datepicker._defaults is null or not an object
    here is the code i use
    function openForm()
    var url = 'f?p=&APP_ID.:3:&SESSION.:::::';
    $('#ModalForm').load(url).dialog('open');
    with $('#ModalForm').load(url).dialog({ show: 'slide' });
    the dialog box is not open, only the javascript error occured
    can someone help?

    This doesn't sound like the right place to discuss this question

  • Add Apex Region Button to a JQuery Dialog Box....

    Hello Everyone,
    I have created a JQuery dialog box modeled as in http://shijesh.wordpress.com/2010/04/10/jquery-modal-form-in-apex-4/. Now my only question is how do i add a region button inside the JQuery dialog box. Please i need this answer desperately.
    Thanks & Regards
    John Britto

    Hi John,
    You should be able to add the button as part of the region that has your first name and last name text fields. Just make sure your using a region position that is part of the region.
    If you are using APEX 4 a number of plugins also exist to do the same thing that may make your life easier. An really good example is:
    http://www.apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/skillbuilders-modal-page_138.html
    Thanks
    Paul

  • Display apex page inside iframe........

    Hi,
    Im trying to put the apex page(http://apex.oracle.com/pls/apex/f?p=44015:3:2304706657174469:::::) inside a iframe. but i cant achive it. when i run the below code the page cant able to display inside the iframe.
    <html>     
    <head>
    <title>HTML Test</title>
    </head>
    <body>
    <iframe src="http://apex.oracle.com/pls/apex/f?p=44015:3:2304706657174469:::::" width="800" height="400">
    </iframe>
         </body>
    </html>i.e, i want to display a page(google) like below,
    <html>     
    <head>
    <title>HTML Test</title>
    </head>
    <body>
    <iframe src="http://www.google.com" width="800" height="400">
    </iframe>
         </body>
    </html>what's wrong in my code?
    Thanks in advance...

    What kind of error does the page give?
    I see that you have your session info in your url.
    If you put it like this:
    <iframe src="http://apex.oracle.com/pls/apex/f?p=44015:3" width="800" height="400">does that work?
    Robin

  • IFrame in jQuery Dialog - submit iFrame using dialog button

    Hi Everyone,
    I know a lot of us are using JQuery modal dialog feature and some of us using iframe strategy to display form or page inside of modal dialog popup. Personally, I am using these features a lot in my app but there is a step where I am a bit stuck.
    Here is my situation ( I am sure most of us will be interested in this to be resolved if not yet):
    I have a regular page (will call it parent page), on this page I have a button and by clicking on this button I am getting a jquery modal window popup. The button itself is pointed to url: javascript:LinkAssets(); and the script to call modal popup with iFrame in HTML Header of parent page is:
    <script type="text/javascript">
    // Link Assets - Modal PopUp
        function LinkAssets(){
    var apexSession = $v('pInstance');
    var apexAppId = $v('pFlowId');
    var assetNumber = $v('P17_ORDER_ID');
    $(function(){vRuleBox = '<div id="LinkAssetsBox" title="Link Assets to the Order">
       <iframe src="f?p='+apexAppId+':55:'+apexSession+'::NO:55:P55_ORDER_NUMBER:'+assetNumber+'"
         width="680" height="320" title="Link Assets to the Order" frameborder="no">
       </iframe>
       </div>'
    $(document.body).append(vRuleBox);
    $("#LinkAssetsBox").dialog({buttons:{"Close":function(){$(this).dialog("close");}},
                                                                   stack:true,
                                                                   modal:true,
                                                                   width:700,
                                                                   height:340,
                                                                   resizable:true,
                                                                   autoResize:true,
                                                                   draggable:true,
                        close: function(){$("#LinkAssetsBox").remove();
                                                             location.reload(true);}
    </script> As you see I am calling page 55 from jquery script into iFarme which will be displayed in modal dialog. All described above is working fine, no problems and most of us use it.
    My problem is here: my JQuery modal dialog has a "CLOSE" button which allows me to close a modal dialog without any changes and go back to my parent page - which is normal behavior. In my iFarme page (page 55) i have an "apply changes" button, and this button calls a process on page 55 by submitting a value and than it closes the modal dialog. "APPLY Changes" button has pointed to the url: javascript:UpdateRecord(); and page 55 has a script in HTML Header to submit value and close modal dialog:
    <script type="text/javascript">
    // -- Function to apply changes and close Modal Dialog--
    function closePopup(){     
       $(function(){parent.$('*').dialog('close');});}
    function UpdateRecord(){doSubmit('APPLY_CHANGES');closePopup();}
    </script> So, what I want is not to have this "Apply Changes" button in my page 55 which is iFrame page, I want this button to be next to my jQuery modal dialog "CLOSE" button which means I have to change my modal dialog popup script to include "APPLY CHANGES" button where this button will submit value to iFrame page and close my dialog.
    I hope whatever is above is readable and understandable.
    Thanks

    since my previous solution didn't work I did try another way. I did try to create a hidden item in my iFrame page -> pass a values "APPLY_CHANGES" to this item from my "ADD" button in parent dialog window and make my DML process in my iFrame (page 55) to fire conditionally when hidden item in iFrame page has "APPLY_CHANGES" value. So, I did change my dialog window script with iframe again to include this:
    $(document.body).append(vRuleBox);
              $("#LinkAssetsBox").dialog({
                            buttons:{"Close":function(){$(this).dialog("close");}
    //from here ---------------
    ,Add:function(){location.href="f?p=&APP_ID.:55:&SESSION.::NO:55:P55_CREATE_REQUEST:APPLY_CHANGES"}
    //to here -----------------
    },               stack: true,
                   modal: true,                         
                            width: 950,
    ...and again....it passes the "APPLY_CHANGES" value to my iFrame page item ( i can see that in session view) but my process is not running or may be it is not getting values of my form items in iFrame page.
    Any ideas...comments on this???

  • I cannot change the value in about:newtab from "newtab" to "blank." The dialog is displayed but when I click Ok, the value is not changed.

    I cannot change the value in about:newtab from "newtab" to "blank." The dialog is displayed but when I click Ok, the value is not changed.
    ===Answer===
    Comment on usual method and solution, by a forum Moderator.
    As long as there are no confounding factors, such as certain extensions, or a user.jsfile the procedure is as follows
    # Open a new tab and type "about:config" in the address bar.
    # In the Search bar type: "newtab"
    # Locate and double click "browser.newtab.url"
    # In the "Enter String Value" box change "'''about:newtab'''" to "'''about:blank'''" and click OK.
    # Verify that the value has changed and now all new tabs will be blank.
    See post under by ''pirate048'' [/questions/976589?page=2#answer-509482] ~J99

    Have to say that I rather agree with Mark..all we want is a simple, unadorned clean page that doe not track and show usage!! WHY NOT!! Is it too simple for developers..we aren't all (nor do we want to be!) software experts! Come on Mozilla..tidy up and clean up..it might be a quicker programme too!!

  • URL parameter value with : not displayed correctly on page

    Hi,
    I am working on a page with an interactive report.One of the report columns is hyperlinked to another page (Delete Page).This link passes an id and a title to the Delete page such that its displays a confirmation message to the end user before actually performing the delete.If the title contains a ":" the text after the ":" is not displayed on the page (albeit visible in the URL on the top)
    Is this because the ":" seperates parameters in an APEX URL and therefore the text after the ":" is taken as the next URL parameter?
    How can we solve this problem?
    Regards,
    Priya Jetley

    Hi
    Yes - Apex will see the ":" as a parameter separator and will ignore everything after any that exist in the "with these values" parameter at the end of the url.
    You can get around this in two ways:
    1 - Escape your title - replace ":" with "%3A" in your sql statement
    2 - Do not pass the title in the link but use a computation on the delete page to retrieve this value for display
    Andy

  • Pass parameter to apex page via the URL

    Hi, I need to pass a parameter into a page that will be used in a query inside a report region,
    e.g report region query is
    select link_id, page_id, menu_parent_id, link_text, link_url
    from portal_pages
    where page_id = :page_id
    So the page will display different links depending on what value is passed to the page in the variable.
    I know with normal URL syntax it would be something like
    http://www.domain.com/page.html&page_id=1 (where page_id is a hidden variable in apex)
    but how do I do this with an apex page like :-
    http://host:port/pls/apex/f?p=123:9 <what goes here ? and what goes in the page for it to work>
    Any help appreciated - noob to Apex
    Thanks
    Phil.

    If your item to be used in the url is P1_Page_Id, the
    url should be something like:<br>
    http://host:port/pls/apex/f?p=123:9:page_id:&P1_Page_I
    d.
    Thanks for comments, understand the syntax of the apex URLs now, got the item sorted in the page now, all working.

  • How to send the complete apex page in email.

    Hi All,
    I have created an apex page which contains 5 sql report region and one IR region. All these regions are dynamic. Now I have created on button to just send an email to the addresses mentioned in the process. Now I want to send this page daily as report by email. i want to display the page in the email body.
    Please help me for this issue.
    Thanks.
    Subhash

    Subhash,
    Here is one approach..
    1. Make the report page as PUBLIC ( no Authentication required)
    2. Create procedure which will pull the page content and send it to pre-defined e-mail address
    2.1 Use utl_http.request to pull the page content
    2.2 Store the page content in some PL/SQL variable and pass it as 'p_body_html' parameter to APEX_MAIL.SEND procedure.
    3. Schedule the above procedure to run on daily using DBMS_JOB API.
    I have not implemented it and its just a thought.
    Regards,
    Hari

  • Spoils some css designs automatically, if we open jquery dialog and close it

    We are using canvas feature of HTML5, in 1 page.
    when we use jquery dialog box as an input screen, after closing that jquery dialog box, something happens to css in the background, OR firefox is handling it oddly (no idea).
    Everything in the page looks shrunk OR disturbed OR not aligned OR not as expected.
    The same scenario works perfectly fine in Chrome.
    this was the firefox version 32, but it happens in all versions of firefox like, 30, 31...etc

    Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
    http://forums.mozillazine.org/viewforum.php?f=25 <br />
    You'll need to register and login to be able to post in that forum.

  • JQuery Dialog Box

    At the moment it seems that I can call a JQuery dialog box from clicking on a button, but that button has to be a html button and not a standard apex button.
    Is this correct ?
    If so, will this change in Apex 4.0, ie, can we call JQuery from clicking on standard buttons and images ?
    Gus

    Can't seem to get this working. Not sure what to do. Pretty new to JQuery.
    This is what I have so far, that works with a html button
    [    <script type="text/javascript">
    $(function() {
    $("#message").dialog({
    autoOpen: false,
    bgiframe: true,
    modal: true,
    resizable: false,
    buttons:
    { "OK": function()
    {$(this).dialog(popupURL('&BI_URL.Guest/MERCURY/CHECK_LISTS/RENEW_VEHICLE/RENEW_VEHICLE.xdo?_xpf=&_xpt=1&P_ITEM_ID=&P33_ITEM_ID.&_xt=RENEW_VEHICLE_REG_CHECKLIST_xf=rtf'));$(this).dialog("close");
    "Cancel": function() { $(this).dialog("close");}}
    </script> ]
    On my html button
    [ javascript:$('#message').dialog('open'); ]
    Where do I put the onclick ?
    Gus

  • Calling APEX page in cognos report

    Hello,
    I am very new to APEX. I have the below requirement.
    I have Oracle database with Cognos tool. My cognos report display the data and business
    wanted to have url on the cognos report. Business wanted to click that link and open
    another page and they need to modify the data and save the data back to database.
    Is this possible to call apex page in cognos report? I just wanted to check this before
    i take this path.. Any suggestion is highly appreciated.

    govindts wrote:
    Hello,
    I am very new to APEX.You appeared in the wrong forum. Oracle Application Express (APEX) is propably better one.

  • Cannot access APEX pages from other IP in the same network

    Hi,
    I installed APEX 3.0 on Oracle XE (Windows OS). The PC I installed has a static IP (no DHCP and DHCP servie is stopped).
    I started the HTTP server and I am able to access the XE database home page and the APEX developer page and admin page. This PC has a static IP too.
    When I tried to access the APEX page from another PC. It is not loading the page.
    When tried using Internet Explorer it says "Internet Explorer Cannot display the page"
    Please let me know whether I missed any configurations to the access the page from another IP.
    Thanks.
    Niko

    Hi,
    Most likly the cause is windows firewall. Try the following:
    1 - from Control panel select windows firewall
    2 - click on the exception tab
    3 - Click Add port
    4 - for name enter yhe name you want (APEX)
    5 - For port number enter APEX prot number
    Hope that will solve your problem
    Regards,
    Ribhi

  • Java Scripts for Apex page

    Hi All,
    i have a Apex page -Report page (having +ve ,-ve numbers)
    i have to change the color of the numbers :
    1)+ve to Green
    2)-ve to Red
    2)rest s to Black
    how can the Java scripts looks likes for below tables structure
    CUSTO   SWITCH       PORT1      PORT2      PORT3                               
    JCI     S1               0          4          3                               
    JCI     S2              -3          3         -8                               
    JCI     S3               6         -7         -5                               
    JCI     S4              -2          0          0                               
    JCI     S5               0          2          0  
    Sum                    1          2         -10
    summation happening by using Apex feature
    Report Attribute->Report column-sum(check box)
    i try to apply the below code in the Region Source of Apex page
    Re: coloring  positive and negetive number of a report
    like this
    SELECT col1,
           CASE WHEN col2 > 0
                THEN '<span style="color:green">'||TO_CHAR(col2)||'</span>'
                WHEN col2 < 0
                THEN '<span style="color:red">'||TO_CHAR(col2)||'</span>'
                ELSE TO_CHAR(col2)
           END col2
    FROM   src_data
    But the problem i am getting is not able apply to the Sum rows(because it happening by using Apex page feature)
    so i want go for Java ScriptsRegards
    Amu

    Hi Amu,
    I don't know if that's the best way to do it, but that's how i handle this:
    I usually copy the report template and name it for the specific region. Then I change it by customizing "After rows" specially for the report, adding something something like:
    <tr>
    <td colspan = "2" class="data" style="text-align: left; font-weight: bold;">Sum</td>
    <td class="data" style="text-align: right;"><div id="port_total"> </div></td>
    <td class="data" style="text-align: right;"><div id = "port2_total"> </div></td>
    <td class="data" style="text-align: right;"><div id="port3_total"> </div></td>
    </tr>I calculate the totals in hidden items on my page and then check them in my javascript and display them in the corresponding <div>s, adding style for the positive and negative colours. Something like
    document.getElementById('port_total').innerHTML = $v('P1_PORT_TOTAL');
    if($v('P1_PORT_TOTAL') > 0) {document.getElementById('port_total').style.color="green";}
    if($v('P1_PORT_TOTAL') < 0) {document.getElementById('port_total').style.color="red";}Regards,
    Vlad

Maybe you are looking for