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.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     changing the focus to tab2 when clicked on tab1

Read-Only Read-Only Topic
Go
Search
Notify
Tools
changing the focus to tab2 when clicked on tab1
 Login/Join
 
ReddyP
Gold member
posted
I have tabbed control report with two tabs.
In the first tab, I have a report with drilldown.
when the user clicks on the drilldown, drilldown gets displayed in the second tab.
All this is working fine.
Only problem is:
I want to change the focus to tab2 when user clicks on drilldown.
I am able to get it to work in a way but not quite there yet.
I am able to focus to tab2 when user clicks on drilldown.
But user would have to click on tab2item to see the tab2itembody.
tab2itembody is not getting displayed for somereason.
What am I missing?
 <HTML>
<HEAD>
<META id=mycharsetmeta content="text/html; charset=ISO-8859-1" http-equiv=Content-Type>
<META id=Generation content="Created in release 7702, Generation 3.0">
<script id=IBI_RelCallBack type=text/javascript>function AdjustChildrenPosition(){
}
</SCRIPT>

<script id=IBI_OptionsScript type=text/javascript>
var cgipath = "cgipath";
var ibirls = "ibirls3";

var rltdyncalendar = "rltdyncalendar";
var gmap = "ibigmap";
var olap="olap";
var olappanebase="olappanebase";
var olapdrill="olapdrill";

var ibixmltree="ibixmltree";

var ibiOptions = new Array(cgipath,ibirls);
</SCRIPT>

<script id=IBI_nls type=text/javascript src="/ibi_html/javaassist/nls.js"></SCRIPT>

<script id=IBI_nlsVars type=text/javascript src="/ibi_html/javaassist/nlsvars.js"></SCRIPT>

<script id=IBI_ibigbl type=text/javascript src="/ibi_html/javaassist/ibi/html/js/ibigbl.js"></SCRIPT>

<script id=IBI_ibigblloadCss type=text/javascript>
ibigblloadCss(null);
addIntlTranslatedJS("composertrans.js");
</SCRIPT>
<TITLE>HtmlPage</TITLE>
<script id=clientEventHandlersJS type=text/javascript>
//Begin function window_onload
function window_onload() {
 
UpdateData();
 
// TODO: Add your event handler code here
//document.getElementById("tabitem1").style.visibility="hidden";
//selectedtab= "true";
//document.getElementById("tabitembody1").style.visibility="hidden";
//document.getElementById("tabitem2").style.visibility="visible";
//selectedtab= "true";
//document.getElementById("tabitembody2").style.visibility="inherit";

//add onInitialUpdate() function to make changes before initial run of the reports

}
//End function window_onload

//Begin function report1_onfocus
function report1_onfocus(ctrl) {
//var d= document.getElementById("tabitem2").selectedtab= "true";
//var e=document.getElementById("tabitembody2").style.visibility="visible";
//alert("hello");
//document.getElementById("tabitem1").style.visibility="hidden";
//selectedtab= "true";
document.getElementById("tabitembody1").style.visibility="hidden";

document.getElementById("tabitem2").style.visibility="visible";
//selectedtab= "true";
document.getElementById("tabitembody2").style.visibility="visible";

//alert(e);
//document.getElementById('tabitem2').click();

}


//End function report1_onfocus



//Begin function report2_onfocus
function report2_onfocus(ctrl) {
//alert("hello");

document.getElementById("tabitem2").style.visibility="hidden";
//selectedtab= "true";
document.getElementById("tabitembody2").style.visibility="hidden";

document.getElementById("tabitem1").style.visibility="visible";
//selectedtab= "true";
document.getElementById("tabitembody1").style.visibility="visible";

}
//End function report2_onfocus
</SCRIPT>

<script for=window type=text/javascript eventname="onload">window.onload = function() { window_onload(); }</SCRIPT>

<STYLE id=ibi_defaultstyleElt type=text/css>.tabitemsclass {
	BACKGROUND-COLOR: white
}
</STYLE>
</HEAD>
<BODY style="OVERFLOW: auto" thumbnailscale="4" elementtype="21" edaconnectionrequired="true">
<SPAN style="Z-INDEX: 1; POSITION: absolute; WIDTH: 880px; HEIGHT: 380px; TOP: 30px; LEFT: 25px" id=tab1 tabIndex=1 elementtype="38" tabedgerounded="straight" tabitemsdefaultheight="25" tabitemsdefaultwidth="100" tablocation="top" tabitemsdefaultdist="5">
<SPAN style="Z-INDEX: 4; BORDER-BOTTOM: white thin; POSITION: absolute; TEXT-ALIGN: center; BORDER-LEFT: teal 1px solid; WRITING-MODE: lr-tb; WIDTH: 100px; HEIGHT: 26px; BORDER-TOP: gold 3px solid; TOP: 0px; CURSOR: pointer; BORDER-RIGHT: teal 1px solid; LEFT: 15px" id=tabitem1 class=tabitemsclass tabIndex=2 elementtype="39" selectedtab="true" tabbody="tabitembody1">Tab #1</SPAN> 
<SPAN style="Z-INDEX: 3; BORDER-BOTTOM: teal 1px solid; POSITION: absolute; BORDER-LEFT: teal 1px solid; WIDTH: 880px; DISPLAY: block; HEIGHT: 355px; BORDER-TOP: teal 1px solid; TOP: 25px; BORDER-RIGHT: teal 1px solid; LEFT: 0px" id=tabitembody1 class=tabitemsclass tabIndex=3 elementtype="40">
<iframe style="Z-INDEX: 5; POSITION: absolute; WIDTH: 765px; HEIGHT: 285px; TOP: 25px; LEFT: 10px" id=report1 language=javascript onfocus=report1_onfocus(this) title=graph2.fex tabIndex=6 elementtype="2" autoExecute="True" requests_list="0" name="report1"></IFRAME></SPAN>
<SPAN style="Z-INDEX: 2; BORDER-BOTTOM: white thin; POSITION: absolute; TEXT-ALIGN: center; BORDER-LEFT: teal 1px solid; WRITING-MODE: lr-tb; WIDTH: 100px; HEIGHT: 22px; VISIBILITY: visible; BORDER-TOP: teal 1px solid; TOP: 3px; CURSOR: pointer; BORDER-RIGHT: teal 1px solid; LEFT: 120px" id=tabitem2 class=tabitemsclass tabIndex=4 elementtype="39" selectedtab="false" tabbody="tabitembody2">Tab #2</SPAN> 
<SPAN style="Z-INDEX: 1; BORDER-BOTTOM: teal 1px solid; POSITION: absolute; BORDER-LEFT: teal 1px solid; WIDTH: 880px; DISPLAY: none; HEIGHT: 355px; VISIBILITY: inherit; BORDER-TOP: teal 1px solid; TOP: 25px; BORDER-RIGHT: teal 1px solid; LEFT: 0px" id=tabitembody2 class=tabitemsclass tabIndex=5 elementtype="40">
<iframe style="Z-INDEX: 6; POSITION: absolute; WIDTH: 535px; HEIGHT: 195px; TOP: 60px; LEFT: 45px" id=report2 language=javascript onfocus=report2_onfocus(this) tabIndex=7 elementtype="2" autoExecute="False" name="report2"></IFRAME></SPAN></SPAN>   
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=layoutinfo type=hidden tabcontrolids="tab1">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibiapp_app value=test type=hidden name="ibiapp_app">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibic_server value=EDASERVE type=hidden isdataserversarea="1" name="ibic_server">
<xml id=focus_xmlelement>
<script type="text/xml">
	
<rootxmlnode focoption="_FOC_NULL">
		
<variables></variables>
		
<input_controls></input_controls>
		
<other_bound_objects></other_bound_objects>
		
<requests nextrequestsid="0">
			
<request requestid="0" targettype="iframe" targetname="report1" sourcetype="typeFex" ibif_ex="graph2.fex" ibiapp_app="test" activereport="0" compoundreport="0"></request></requests></rootxmlnode></script>
</xml></BODY>
<script id=IBI_loader type=text/javascript>
doBeforeLoad();
</SCRIPT>
</HTML>


7.7.01,windows2008 R2
 
Posts: 65 | Registered: July 28, 2011Report This Post
ReddyP
Gold member
posted Hide Post
I think I am getting close in solving the issue.
I have one more question in regards to this.
When user click on the drilldown from within the iframe, is there a way capture the datavalue that he clicked on in javascript?
I am stuck on this piece.
Please help.

Thank you.


7.7.01,windows2008 R2
 
Posts: 65 | Registered: July 28, 2011Report 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     changing the focus to tab2 when clicked on tab1

Copyright © 1996-2020 Information Builders