Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only. Moving forward, myibi is our community platform to learn, share, and collaborate. We have the same Focal Point forum categories in myibi, so you can continue to have all new conversations there. If you need access to myibi, contact us at myibi@ibi.com and provide your corporate email address, company, and name.


Connect to myibi
Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Stacked iFrame issue - hiding top iframe blocks access to iFrame underneath

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED] Stacked iFrame issue - hiding top iframe blocks access to iFrame underneath
 Login/Join
 
Guru
posted
I have a dashboard with 3 major components. HTML Document, iframe1 and iframe2. See the image below (iframe1 is hidden).

When the dashboard initially runs, the summary page is visible. Selecting any other button, hides iframe2 and exposes iframe1. This works great accept the controls under the buttons are blocked.

If I use tasks and animations to toggle the iframes, it works perfectly but, it toggles on and off the iframes and you end up with wack-a-mole. When I manage visibility with JavaScript, iframe2 appears hidden, but blocks the controls under the buttons.

Any help with this would be greatly appreciated. Thank you,

Summary View (iframe2)


All other views (buttons) (iframe1)


JavaScript that controls iframe visibility;
 // iFrame visability
if (CN.indexOf("button") > -1) {
    if (v14 == 'iframe1') {
//        IbComposer_showHtmlElement("iframe1", true);
document.getElementById("iframe1").style.visibility = "visible";
document.getElementById("iframe2").style.visibility = "hidden";
//                IbComposer_showHtmlElement("iframe2", false);
     }
    else
    {
//        IbComposer_showHtmlElement("iframe1", false);
//        IbComposer_showHtmlElement("iframe2", true);
document.getElementById("iframe1").style.visibility = "hidden";
document.getElementById("iframe2").style.visibility = "visible";
    }
} 

This message has been edited. Last edited by: Don Garland,


WebFOCUS Administrator @ Worldpay FIS
PROD/DEV/TEST: 8204, SANDBOX: 8206 soon - BIP, Reportcaster, Resource Manager, EUM, HyperStage soon, DB: HIVE,Oracle,MSSQL
 
Posts: 291 | Location: Greater Cincinnati  | Registered: May 11, 2005Report This Post
Virtuoso
posted Hide Post
Hi Don,

May not be the same reason since you seems to use WF8.09 but I had a similar issue where when I swap from one tab (page) to another I was not able to access (click) on the controls.

I was under WF8201M gen 193 and upgrading to gen 240 solve the issue. Maybe you should look if another gen (or upgrade) is available to you.

But it may be something totally different and a simplest solution may exist.


WF versions : Prod 8.2.04M gen 33, Dev 8.2.04M gen 33, OS : Windows, DB : MSSQL, Outputs : HTML, Excel, PDF
In Focus since 2007
 
Posts: 2410 | Location: Montreal Area, Qc, CA | Registered: September 25, 2013Report This Post
Guru
posted Hide Post
Thanks Martin, its just odd that it works using Tasks & Animation.


WebFOCUS Administrator @ Worldpay FIS
PROD/DEV/TEST: 8204, SANDBOX: 8206 soon - BIP, Reportcaster, Resource Manager, EUM, HyperStage soon, DB: HIVE,Oracle,MSSQL
 
Posts: 291 | Location: Greater Cincinnati  | Registered: May 11, 2005Report This Post
Expert
posted Hide Post
Hey Don,

Do you get the same results in Chrome and IE?

I had similar issues as Martin stated: "I was under WF8201M gen 193 and upgrading to gen 240 solve the issue." while in 8202M Gen 16. and needed to go to 8202M Gen 60 to alleviate the issue.
 
Posts: 3132 | Location: Tennessee, Nashville area | Registered: February 23, 2005Report This Post
Guru
posted Hide Post
No, it works in Chrome

This message has been edited. Last edited by: Don Garland,


WebFOCUS Administrator @ Worldpay FIS
PROD/DEV/TEST: 8204, SANDBOX: 8206 soon - BIP, Reportcaster, Resource Manager, EUM, HyperStage soon, DB: HIVE,Oracle,MSSQL
 
Posts: 291 | Location: Greater Cincinnati  | Registered: May 11, 2005Report This Post
Virtuoso
posted Hide Post
CSS visibility does not remove an element from view, it just makes it invisible. It's still there, blocking everything behind it. That has it's uses, but this isn't one of them.

What you're looking for is display = "none" and display = "block" respectively.


WebFOCUS 8.1.03, Windows 7-64/2008-64, IBM DB2/400, Oracle 11g & RDB, MS SQL-Server 2005, SAP, PostgreSQL 11, Output: HTML, PDF, Excel 2010
: Member of User Group Benelux :
 
Posts: 1669 | Location: Enschede, Netherlands | Registered: August 12, 2010Report This Post
Guru
posted Hide Post
quote:
What you're looking for is display = "none" and display = "block" respectively.


The following works perfectly. THANK YOU!

 // iFrame visability
if (CN.indexOf("button") > -1) {
    if (v14 == 'iframe1') {
        //IbComposer_showHtmlElement("iframe1", true);
document.getElementById("iframe1").style.display="initial";
        //IbComposer_showHtmlElement("iframe2", false);
document.getElementById("iframe2").style.display="none";
     }
    else
    {
        //IbComposer_showHtmlElement("iframe1", false);
document.getElementById("iframe1").style.display="none";
        //IbComposer_showHtmlElement("iframe2", true);
document.getElementById("iframe2").style.display="initial";
    }
} 


WebFOCUS Administrator @ Worldpay FIS
PROD/DEV/TEST: 8204, SANDBOX: 8206 soon - BIP, Reportcaster, Resource Manager, EUM, HyperStage soon, DB: HIVE,Oracle,MSSQL
 
Posts: 291 | Location: Greater Cincinnati  | Registered: May 11, 2005Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Stacked iFrame issue - hiding top iframe blocks access to iFrame underneath

Copyright © 1996-2020 Information Builders