Pop-up -iframe

Hi Apex Gurus,
Do you have any idea if I want to create something like help pop up in apex what I should do?
For example I have interactive report of customers and I want to be able to see information regarding to that customer like data in customer table as well as orders he made and whatever related to him.So more less is a summary about customer.
Thank you in advance,
Sara
Edited by: SARA3 on Dec 13, 2010 9:07 AM

Sara,
What you see in google is a div element styled and positioned based on the triggering element and the content shown inside is an image(I dunno if they use a cached screenshot of the page or if its generated dynamically).
In your case since you want to show details dynamically, an iframe could be used instead.
An approach would be,
Create a hidden div with a child frame with an initial dummy target say "#". Use CSS to style it the way u want it(or even copy the styles from google's page)
On mouse over or click(or watever triggering action) of the Triggering elements or links (mayb a n extra column in ur IR) , u can show the div and position it relative to the triggered element.some tips:
use jQuery's .position() or .offset() methos for finding the triggering element position and to set the div before showing it.
specify an z-index for the div's style and mayb some opacity on it too ,try out combinations of css and jQuery styling if u need to (css will do mostly unless u need some fancy effects)
$(<jQuery Selector>).attr('src','<URL>') can be used to set the iframe src and it refreshes the content when u set it(so set it before showing the div).Hope this helps to get u started.

Similar Messages

  • Calendar Pop up iframe issue on Portal Form

    We use a hidden I FRAME type of pop up calendar for our Date Picker and it works just fine in applications we create via PL/SQL. However, trying to use the same concept with a Portal created form is giving us some interesting issues.
    I call the js that sets the visibility of the iframe to visible with an onFocus event on the field in question. The iframe will flash on and then go away. But it is really still there. If I go to another program or IE window and come back, the iframe is displayed and working. Weird.
    Also, I tried to use a button instead of the onFocus event on the field and the iframe stays visible in that instance, but clicking the button prompts the page to refresh which messes it all up. The only event I had set on the button was to show the iframe on a onclick event.
    Any ideas on why this is happening or what I can do to get around it?
    Thanks,
    B

    Helo there
    write a javascript function for example.
    function open_my_win(){
    mywin =openwin("http://<server>/portelformname?param1=prm'");
    call the function on click event of button.
    <p>
    when you call this function it will popup into new window.
    <p>
    Bye.

  • Passing value from Report Column to Javascript

    Dear Apex wizards,
    I am a bit stuck right now with implementing a modal pop-up/iframe/javascript and this forum is my last hope to fix this issue.
    Anyway, will try to explain what I am trying to accomplish.
    What I need is: I want to have an SQL report, as a very first column I want to have an "ID" numbers from my table and I want this column to have a "Column Link" set in "Column Attributes" proper ties. The trick is, that when I click on the column link (when I run my report on Apex page) I need a JQuery modal window to pop-up where in IFrame will be another page and this page will use an "ID" from my column link URL to display data. So, basically I want to pass an "ID" value from my parent page to my child page which is displayed in iFrame of modal window.
    And here is what I have:
    1. I do have an SQL report:
    select SUBNET_ID,
           long2ip(NETWORK_ADDRESS),
           long2ip(SUBNET_MASK),
           long2ip(END_HOST),
           long2ip(START_HOST),
           MAX_HOSTS,
           long2ip(BROADCAST_IP),
           NETWORK_CLASS,
           NETWORK_SIZE,
           HOST_SIZE
    from   YC_CM_IP_SUBNETS 2. Then, in "Column Attributes" for "SUBNET_ID" a have set a "Column Link" to URL as : javascript:ViewNetworkDetails(#SUBNET_ID#); 3. Now, when I run my page and point my mice on any item in my "SUBNET_ID" column I can see that it is getting a "SUBNET_ID" number from my table and it shows it in the buttom of the browser as :javascript:ViewNetworkDetails(1);, or (2) or whatever "SUBNET_ID" is. So, that is good.
    4. And here I am getting confused, basically I have to pass a value of javascript:ViewNetworkDetails(#SUBNET_ID#);, which seems to work as it gives me correct numbers from my table, to my "ViewNetworkDetails" JavaScript function, so it can paste this value into "f?p=........." iFrame URL. Below is my Jquery Modal form script and Javascript to redirect me to my popup page (the script is in HTML Header):
    <script type="text/javascript">
    function ViewNetworkDetails(){
    var apexSession = $v('pInstance');
    var apexAppId = $v('pFlowId');
    var subnetIDNumber = document.getElementById(#SUBNET_ID#);
    $(function(){
    vRuleBox = '<div id="ViewNetworkDetailsBox" title="View Subnet Details">
    <iframe src="f?p='+apexAppId+':103:'+apexSession+'::NO:103:P103_SUBNET_ID:'+subnetIDNumber+'
    "width="875" height="500" title="View Subnet Details" frameborder="no"></iframe></div>'
    $(document.body).append(vRuleBox);
    $("#ViewNetworkDetailsBox").dialog({
                            buttons:{"Cancel":function(){$(this).dialog("close");}},
                            stack: true,
    modal: true,                            
                            width: 950,                    
    resizable: true,
    autoResize: true,
    draggable: true,
    close : function(){$("#ViewNetworkDetailsBox").remove();
                            location.reload(true); }
    </script> P.S. My assumption is, that there is a problem with this part of my scriptvar subnetIDNumber = document.getElementById(#SUBNET_ID#); where I cannot get my "SUBNET_ID" value from javascript:ViewNetworkDetails(#SUBNET_ID#); into "subnetIDNumber" variable and that is why I cannot pass it to my iFrame URL.
    P.S. P.S. the child page 103 has a "Automated Row Fetch", so it is not a problem. In addition, I did a simple test, where I had a page item "P102_Value" with some value and in my script I had instead var subnetIDNumber = document.getElementById(#SUBNET_ID#); this var subnetIDNumber = $v('P102_Value'); and it worked perfectly fine....but cannot make it working against SQL Select statement :-(
    HEEEEEEEEEEEEEELLLLLPPPP.
    Thanks

    Change your column link to send the subnet_id column's value to the function call (you mentioned it, but I m not sure if you actually did)
    javascript:ViewNetworkDetails(#SUBNET_ID#);<u>You are passing the parameter value to the function, but not defined any parameters in the function definition</u>(this is possible in JS, any extra parameters is ignored)
    So, modify the function to accept the subnet ID parameter(I am actually surprised how you missed this) and assign that parameter to variable.
    <script type="text/javascript">
    function ViewNetworkDetails(pSubnetId){
    var apexSession = $v('pInstance');
    var apexAppId = $v('pFlowId');
    var subnetIDNumber = pSubnetId;
    //rest of the code would be the same

  • Drag-and-drop from bookmarklet not working in Firefox 13

    Here is our bookmarklet code snippet:<br />
    <br />
    <pre><nowiki>javascript:var%20r=Math.random()*100;var%20protocol='http://www.vflyer.com/main';if%20%20((location.href).indexOf('https')!=-1){protocol='https://www.vflyer.com/main'};(function(){var%20d=document;var%20s;try{s=d.standardCreateElement('script');}catch(e){}if(typeof(s)!='object')s=d.createElement('script');s.type='text/javascript';s.src=protocol+'/bookmark.jsp?r='+r;d.getElementsByTagName('head')[0].appendChild(s);})();</nowiki></pre>
    It seems that in Firefox 13, users can no longer drag and drop content from the bookmarklet into the browser. I tried disabling all add-ons but that didn't work. I also saw a thread about the Torbutton extension inhibiting drag-and-drop, but I don't have that extension. Any ideas?

    Do you mean dragging content from the pop-up iframe that the bookmarklet creates?
    Does it work if you use copy and paste instead of dragging?

  • Pop-Up with IFRAME Error

    Hello,
    we just upgraded to NW EHP2.
    After this, our WebDynpro Application create an dump "CX_WDR_ADAPTER_EXCEPTION", if we call an Pop-up ( it's just an View with an IFRAME-Element ).
    If i delete the Iframe, the Pop-up is called correctly.
    I know that the IFRAME Element is no longer supported by SAP, but is there any solution?
    Thanks for your help,
    Best regards,
    Tobias Arnold

    Ok i found the solution.
    The url parameter for the IFRAME was the problem.
    The url had a gap, an thats why he dump...
    After an Condense No-Gaps he's working now...
    Thanks for help.

  • Iframes, with pop ups?

    Hey! I use an external scheduling website for my pet sitting service. (Basically our clients can log onto the website to book services, blah, blah, blah.) So I wanted to use iframes within iweb so it appeared like clients were never leaving our site to book services, even though they were using an external website.
    Sounds great, right?! I got the iframes working with the right dimensions and stuff. But, whenever the external website needs to do a pop up (often for scheduling and payment) the pop up ends up WAY down the screen. (Like two screens down...) So it's kinda useless unless I warn all of my clients to scroll down if it appears like nothing is happening. Unfortunately, I can't give ya'll access to my data base to see what I mean - but does anyone have any experience using iframes with a site that utilizes pop ups?
    Is there a setting in iweb I don't know about that deals with iframe pop ups?
    Thanks!

    Hi,
    Just want to share that in WD, only Modal popup are possible. you can see this in description of parameter MODAL of method CREATE_WINDOW (Obsolete! Only Modal Popups Are Supported).
    Thanks,
    Chandra

  • Can't open a jsp in a pop up or iframe from another jsp in the same portlet

    Hi There,
    I have a simple struts portlet "MNPPortlet" it contains some JSPs as the below hirearchy
    MNPPortlet
    WebContent
    pages
    A.jsp
    B.jsp
    I just want to open B.jsp in a popup window or in an iframe from A.jsp, I have tried the following
    1- window.open("B.jsp")
    2- <IFRAME src="B.jsp">
    but it doesn't seem to work, I always get 404 page not found error, since it generates wrong URLs, any ideas how can i get the right URIs generated ?
    P.S. it's working fine as struts application, not portlet
    Thanks alot

    Thanks guys for reply
    @Sadhu, yes this works <%=request.getContextPath()%>/<location of your Jsp>/B.jsp
    but i thought i can get something to generate the location of my jsp (the portlet module folder) dynamically, since the page I'm referring to is on the same location of the caller page
    @Kevin, I have tried <render:resourceUrl path="B.jsp" /> but this only gets localhost:7001/b.jsp
    I have tried also <render:resourceUrl contextualPath="B.jsp" /> this gets the url with the context root appended localhost:7001/applicationRoot/b.jsp
    both of them didn't get the complete URL
    the only thing that works is using <render:getJspUri> to get the URI of the page I'm in , then appending the "B.jsp" to this , is this really the only way ?
    what about netui ?
    Sorry but I'm beginner on weblogic portal, really appreciate your help :)

  • Skillbuilders Modal Page (2.0.0) - iframe height restricted to 150px?

    Hi,
    I installed the Skillbuilders Modal Page v 2.0.0 this afternoon into our Apex 4.1.1 instance and have most functions working as expected. I have the modal window popping up when a link column in an interactive report is clicked.
    However, iframe node is inheriting a height of 150px from somewhere and I'm struggling to see where this is.
    When the edit link is clicked, the modal window pops up and the dom looks like this:
    <div id="colorbox" class="" style="padding-bottom: 0px; padding-right: 0px; opacity: 1; cursor: auto; display: block; position: absolute; width: 400px; height: 500px; top: 0px; left: 752px; ">
      <div id="cboxWrapper" style="width: 400px; height: 500px; "><div>
      <div id="cboxTopLeft" style="float: left; "></div>
      <div id="cboxTopCenter" style="float: left; width: 400px; "></div>
      <div id="cboxTopRight" style="float: left; "></div>
    </div>
    <div style="clear: left; ">
      <div id="cboxMiddleLeft" style="float: left; height: 500px; "></div>
      <div id="cboxContent" style="float: left; width: 400px; height: 500px; ">
        <div id="cboxLoadedContent" style="overflow-x: hidden; overflow-y: hidden; width: 400px; height: 500px; ">
          <iframe frameborder="0" name="cbox1335796646985" src="f?p=139:35:1611420862962401::NO::P35_rowid:AAER2oAAuAAJIP%2BAAJ" scrolling="no" class="cboxIframe"></iframe>
        </div>
        <div id="cboxLoadingOverlay" style="float: left; display: none; "></div>
        <div id="cboxLoadingGraphic" style="float: left; display: none; "></div>
        <div id="cboxTitle" style="float: left; display: block; ">Edit Transaction</div>
        <div id="cboxCurrent" style="float: left; display: none; "></div>
        <div id="cboxNext" style="float: left; display: none; "></div>
        <div id="cboxPrevious" style="float: left; display: none; "></div>
        <div id="cboxSlideshow" style="float: left; display: none; "></div>
        <div id="cboxClose" style="float: left; ">close</div>
      </div>
      <div id="cboxMiddleRight" style="float: left; height: 500px; "></div>
    </div>
    <div style="clear: left; ">
      <div id="cboxBottomLeft" style="float: left; "></div>
      <div id="cboxBottomCenter" style="float: left; width: 400px; "></div>
      <div id="cboxBottomRight" style="float: left; "></div>
    </div>I've combed through the source and linked CSS/JS files to try and see where the 150px height is inherited from to no avail. What is strange is that in my dynamic action I specify the height to be 300px, and the initial height in the plugin setup is also 300px.
    Anyone with any suggestions would be most welcome - I've hit a brick wall on this particular one!
    EDIT: Sample application and demo of problem at Demo App (user DEMO, password demo)
    Many thanks in advance.
    Regards, Pete
    Edited by: Pete Mahon on Apr 30, 2012 4:17 PM

    Hi Johnny,
    There isn't actually any custom code behind this, so to speak, certainly none that I've written as a custom job.
    The Skillbuilders plugin is available via [url http://apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/skillbuilders-modal-page_138.html]apex-plugin.com which links to [url http://skillbuilders.com/download/download-resource.cfm/instructions.pdf?file=Oracle-Apex/plugins/modal_page//instructions.pdf]instructions and a [url http://skillbuilders.com/webinars/webinar.cfm/53?title=Introducing%20SkillBuilders%20Modal%20Page%20Plug-in]really informative webinar at skillbuilders.com. I strongly recommend you watch the video as it's not as simple as just installing.
    Cheers, Pete

  • Is there a way to create a pop-out forum or blog without redirecting pages?

    I already have a website developed with a lot of content on the mainpage. Now I want to create a forum or blog for it for people to ask questions and what not, but I do not want it to redirect them to another page. I don't have a lot of room to work with so I was curious if there could be a sort of pop-out or small side window that can be created that remains part of the original mainpage. Does that make sense?

    You could use a modal window like Fancybox with content inside an iframe.
    http://fancybox.net/
    Nancy O.

  • Embed URL in a pop up window (Modal)

    Hi All,
    My requirement is to call a URL inside a pop window and the window should be a Modal.
    I was able to call a URL using method create_external_window ( if_wd_window_manager->create_external_window ), but was
    unable to make this as a Modal. Even though I set the parameter 'MODAL' of method create_external_window to abap_true, it still doesn't work.
    So, I embed the URL in an iframe inside a view. After making this view as a part of a window, I call the window using method create_window ( if_wd_window_manager->create_window ). I was able to set this as a Modal. But the problem with using iframes is the pop ups inside a URL doesn't open if the URL is made a part of iframe.
    Any other suggestions how to solve this ?
    Thanks,
    Tom

    Hi,
    Just want to share that in WD, only Modal popup are possible. you can see this in description of parameter MODAL of method CREATE_WINDOW (Obsolete! Only Modal Popups Are Supported).
    Thanks,
    Chandra

  • Viewing PDF files in IE with pop-up windows

    I have a web page (see attached) that loads a PDF file in an iframe and also launches a pop-up window in the onload event (via javascript) and then closes that window in the onunload event.  If I go from one page that does this to another, or I reload that page the PDF does not display - I just get a blank iframe.  This problem does not occur in any version of Adobe Reader begore 9.0 - but appears to happen consistently on multiple machines running Adobe 9.0 or above.  If I don't close the window in the onunload event it works fine.  Has anyone experienced anything similar - is there any fix for this?
    Please try the attached sample: Load the page (view the pdf) then click on the "Refresh this page" link and see what happens - the PDF file should disapear.
    Please let me know if you have any ideas.
    Thanks,
    Ami

    This sample is just for demonstration purposes - so it might not make a lot of sense to do, but we have a live web site that has a need to pop-up additional details for the PDF file being viewed and we run into this problem where the first PDF works, but when you move from one to the next, the PDF does not display in Adobe 9.  If you are running Adobe 9 and you click on the refresh this page link you should get an error or a blank area where the PDF would normally display.

  • Vertical submenu problem with adobe acrobatreader in iframe

    We've a problem that when we have an adobe acrobat file opened in an iframe that the pop-up submenus are appearing behind the adobe pdf.
    It seem the z-index in the CSS doesn't deal with it.
    When we remove the pdf like src="" then the sub-menus (pop-ups) are appearing correctly and with src="somefile.pdf" the submenus again are behind that pdf.
    Did anyone solve this problem?

    SOLVED:
    http://forums.adobe.com/message/2142641
    Current version has a BUG. Version 1.4 works properly.

  • Display BW report in WD IFrame

    Hi All,
    I have a WD application.
    The application shows BW reports by selecting dates
    I create the reports dynamically by creating URL and setting the URL in IFrame UI element.
    This works, but the first time I try to see a report I get a Internet Explorer pop up window for user and password.
    I have a SSO configured for BW in the portal but when using IFrame in WD I don't use the system.
    How can I prevent the popup for the user and password (except for sending them directly in the URL...)
    Can I use BW template URL (which is bind to a system) with dynamic parameters?
    thanks,
    Omri

    Hi Deng,
    Goto Start-- All ProgramsBusiness ExplorerQuery designer..
    It will ask you choose the BW server and ask for details.
    Once connected you need to create the query that will give your report.
    Execute the query there and you will get the URL.
    Type the same url in the PDA browser...
    it will show your report.
    I forgot to mention...Business explorer is only seen on the start menu if you have installed it during SAP Gui installation.
    Also i believe your BW server is in the same LAN which your comp is connected.
    Regards,
    akhil
    Edited by: Akhil Rastogi on Feb 2, 2009 8:54 AM

  • iframe link to #anchor only works the second time

    I am exploring a way of delivering a local HTML file into a Web Content frame in such a way that it starts at a specific HTML anchor rather than the top of the HTML page.
    Now, since DPS's Web Content overlay does not support the URL+anchor string format (e.g. myfile.html#myanchor), I thought I might achieve the desired result by loading a little HTML file into the Web Content overlay that points to the intended HTML file and its named anchor in an <iframe> tag.
    Here's where it gets annoying. The solution works... but only on the second and subsequent times you call up the Web Content overlay (normally hidden in a MSO).
    The first time I call up the Web Content overlay in my DPS article on the iPad, however, the HTML page displays but not at the specificed anchor point, nor indeed at the top of the HTML page - instead, it seems to start a little bit further down from the anchor. If I dismiss the Web Content overlay (in my case, switch to a different Object State) and return to it, the HTML reloads starting at anchor position, exactly as intended. I can close the folio, re-open it and still the behaviour is correct. It was only the first time that it fails to do the right thing.
    I am very happy that my solution works on the second, third and all subsequent occasions, but it's pretty important that readers see it working first time.
    I have tried delaying the autoplay of the Web Content but this does not make any difference. The anchor is designated using the 'id' tag.
    Any ideas?

    Thanks, Neil. But you can ask your guys to stand down. Someone got me a strong coffee this evening and I realised I was tackling this from the wrong angle. I have since seen this issue of HTML pages requiring a refresh before displaying correctly in other circumstances, even in Chrome on my computer, so I doubt it is a specific DPS problem - possibly it's something in webkit.
    Anyway, the coffee made me realise that I don't need an iframe to load another HTML file at an anchor. All I need is to pop a little GoToAnchor script in the <head> tag and a call at the beginning of the <body> tag.
    One day, if someone fixes Adobe's utterly broken Cookbooks site, I'll upload a bunch of these recipes.

  • Problems with a pop-up in Dreamweaver

    Hi,
    I have a website with an introduction that I called, of course, index.html and it opens a pop-up of 718 width and 503 height, index2.html. I did it in the behaviours section of DW with an image and in my version of Safari (5.0.6) there is no problem. However if I change the browser (Chrome, IE, Firefox or Opera and recently versions of Safari) it appears with a blank space at the bottom of the pop-up. I tried to solve this error by changing the height of the window and it results ok in other versions of Safari but in my version has a problem of visualization. Please, Can you help me?.
    This is the script that I have:
    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    And here is the html code:
    onclick="window.open('index2.htm','viewReport','width=718,height=503,scrollbars=no,resiza ble=no')"
    And this is the entire code of the index2.html pop-up window:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>.::Portafolio::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    </head>
    <body bgcolor="#FFFFFF" text="#040404" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table width="718" height="503" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#040404">
      <tr>
        <td width="710" height="501" valign="top">
          <table width="710" height="494" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td valign="top" background="imaxes/fondos/conarbore.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="70%" valign="top"><table width="496" height="495" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="496"><iframe name="principal" id="principal" frameborder="0" height="495" width="496" scrolling="no" src="presenta.html"></iframe></td>
                        </tr>
                      </table> </td>
                    <td width="30%"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="214" height="492">
                      <param name="movie" value="fla/menu.swf">
                      <param name="quality" value="high">
                      <param name="wmode" value="transparent">
                      <param name="swfversion" value="6.0.65.0">
                      <!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
                      <param name="expressinstall" value="Scripts/expressInstall.swf">
                      <!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->
                      <!--[if !IE]>-->
                      <object type="application/x-shockwave-flash" data="fla/menu.swf" width="214" height="492">
                        <!--<![endif]-->
                        <param name="quality" value="high">
                        <param name="wmode" value="transparent">
                        <param name="swfversion" value="6.0.65.0">
                        <param name="expressinstall" value="Scripts/expressInstall.swf">
                        <!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->
                        <div>
                          <h4>El contenido de esta p&aacute;gina requiere una versi&oacute;n m&aacute;s reciente de Adobe Flash Player.</h4>
                          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p>
                        </div>
                        <!--[if !IE]>-->
                      </object>
                      <!--<![endif]-->
                    </object></td>
                  </tr>
                </table></td>
            </tr>
          </table> </td>
      </tr>
    </table>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID");
    //-->
    </script>
    </body>
    </html>

    This is poor for usability:
    onclick="window.open('index2.htm','viewReport','width=718,height=503, scrollbars=no,resizable=no')"
    Change to this:
    onclick="window.open('index2.htm','viewReport','width=718,height=503, scrollbars=yes,resizable=yes')"
    Nancy O.

Maybe you are looking for