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     [SOLVED] HTML control not anymore moving under WF8105

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED] HTML control not anymore moving under WF8105
 Login/Join
 
Virtuoso
posted
Hi community,

Does anyone have view this issue already ?

I reproduce a simple html page done with HTML Composer (see below) where I have a radio that control the display of other drop list. I can hide or show control based on radio selection but cannot move them on page. It works fine under WF7 versions.
I have a case where it has been suggested to use jquery instead of jscript but I can hide using js unfortunately the .top .left .width and .height are not working anymore with WF8.

Any suggestions ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML><HEAD>
<META id=RLT_STANDARDS_MODE_META http-equiv=X-UA-Compatible content=IE=9>
<META name=mycharsetmeta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<META name=Generation content="Created in release 8105, Generation 3">
<SCRIPT type=text/javascript>//confidential_id=IBI_OptionsScript
var szHtmlAlias="./ibi_html";var szRunTimeHtmlAlias="runTimeHtmlAlias";var cgipath="cgipath";var ibirls="ibirls3";var rltdyncalendar="rltdyncalendar";var map="ibimap";var olap="olap";var olappanebase="olappanebase";var olapdrill="olapdrill";var ibiOptions = new Array(cgipath,ibirls);var nlsScript="/javaassist/nls.js";var glbScript="/javaassist/ibi/html/js/ibigbl.js";var replacePart="<replace>";
var scriptTemplate='<SCRIPT src="'+replacePart+'" type="text/javascript"><\/SCRIPT>';if(typeof(szRunTimeHtmlAlias) === 'string' && szRunTimeHtmlAlias.indexOf('/') == 0)szHtmlAlias=szRunTimeHtmlAlias;document.write(scriptTemplate.replace(replacePart, szHtmlAlias + nlsScript));document.write(scriptTemplate.replace(replacePart, szHtmlAlias + glbScript));</SCRIPT>

<SCRIPT type=text/javascript>//confidential_id=IBI_ibigblloadCss
if(typeof ibigblloadCss === 'function'){ibigblloadCss(null);addIntlTranslatedJS("composertrans.js");}else {alert("JavaScript alias './ibi_html'  is not valid");window.location("about:blank");}</SCRIPT>
<TITLE>HtmlPage</TITLE><LINK id=ITEM2 rel=stylesheet type=text/css rtFileName="cgipathsub/ibi_html/javaassist/ibi/html/composer/themes/nonBindows/IBI-Themes/default_theme.css"><LINK id=IBI_THEME_CSS rel=stylesheet type=text/css desc="Information Builders" rtFileName="cgipathsub/ibi_html/javaassist/ibi/html/composer/themes/nonBindows/IBI-Themes/ibi.css">
<SCRIPT for=window type=text/javascript eventname="onload">window.onload = function() { window_onload(); }</SCRIPT>

<SCRIPT>//confidential_id=clientEventHandlersJS

//Begin function window_onload
function window_onload() {
 
UpdateData();
 
// TODO: Add your event handler code here
//add onInitialUpdate() function to make changes before initial run of the reports
}
//End function window_onload

//Begin function radio1_onclick
function radio1_onclick(ctrl) {

	// when position 1
	if (radio1_0.checked == true)
	{
		document.getElementById("combobox3").style.visibility='visible';
		document.getElementById("combobox4").style.top  = 120;
	}
	else
	{
		document.getElementById("combobox3").style.visibility='hidden';
		document.getElementById("combobox4").style.top  = 90;
	}
}
//End function radio1_onclick

</SCRIPT>
</HEAD>
<BODY class=IBI_PageBg style="OVERFLOW: auto" nextelementuniquenumber="10" maptype="0" thumbnailscale="4" elementtype="21" edaconnectionrequired="false"><SPAN tabIndex=1 class="IBIfield IBI_ReportControlTarget IBI_Radio" id=radio1 language=javascript style="HEIGHT: 40px; WIDTH: 90px; POSITION: absolute; LEFT: 90px; Z-INDEX: 1; TOP: 50px" contentEditable=false onclick=radio1_onclick(this) elementtype="12" defaultselection="1" persistentuniqueid="compUid_1" groupChildren="1" columns="1">
<TABLE class="IBIfield IBI_ReportControlTarget IBI_Radio" id=table1 style="HEIGHT: 100%; WIDTH: 100%" contentEditable=false cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD noWrap><LABEL id=radio1_LABEL_0 style="CURSOR: default" for=radio1_0><INPUT tabIndex=1 id=radio1_0 type=radio CHECKED value=1 noinput="0" displaytext="Position 1" name="radio1">Position 1</LABEL></TD></TR>
<TR>
<TD noWrap><LABEL id=radio1_LABEL_1 style="CURSOR: default" for=radio1_1><INPUT tabIndex=1 id=radio1_1 type=radio value=2 noinput="0" displaytext="Position 2" name="radio1">Position 2</LABEL></TD></TR></TBODY></TABLE></SPAN><SELECT tabIndex=2 class="IBIfield IBI_ReportControlTarget IBI_rounded_s" id=combobox1 style="WIDTH: 70px; POSITION: absolute; LEFT: 240px; Z-INDEX: 2; TOP: 60px" defaultselection="1" persistentuniqueid="compUid_2" name="combobox1"><OPTION value=11 selected noinput="0" displaytext="List 1.1">List 1.1</OPTION><OPTION value=12 noinput="0" displaytext="List 1.2">List 1.2</OPTION><OPTION value=13 noinput="0" displaytext="List 1.3">List 1.3</OPTION></SELECT><SELECT tabIndex=3 class="IBIfield IBI_ReportControlTarget IBI_rounded_s" id=combobox3 style="WIDTH: 70px; POSITION: absolute; LEFT: 240px; Z-INDEX: 3; TOP: 90px" defaultselection="1" persistentuniqueid="compUid_3" name="combobox3"><OPTION value=21 selected noinput="0" displaytext="List 2.1">List 2.1</OPTION><OPTION value=22 noinput="0" displaytext="List 2.2">List 2.2</OPTION><OPTION value=23 noinput="0" displaytext="List 2.3">List 2.3
</OPTION></SELECT><SELECT tabIndex=4 class="IBIfield IBI_ReportControlTarget IBI_rounded_s" id=combobox4 style="WIDTH: 70px; POSITION: absolute; LEFT: 240px; Z-INDEX: 4; TOP: 120px" defaultselection="1" persistentuniqueid="compUid_7" name="combobox4"><OPTION value=31 selected noinput="0" displaytext="List 3.1">List 3.1</OPTION><OPTION value=32 noinput="0" displaytext="List 3.2">List 3.2</OPTION><OPTION value=33 noinput="0" displaytext="List 3.3">List 3.3</OPTION></SELECT><INPUT id=layoutinfo style="POSITION: absolute; LEFT: -100px; TOP: -100px" type=hidden resourcectrlids="ITEM2;IBI_THEME_CSS" name="inputhidden1"><INPUT id=ibiapp_app style="POSITION: absolute; LEFT: -100px; TOP: -100px" type=hidden ismre="1" name="ibiapp_app"><INPUT id=ibif_ex style="POSITION: absolute; LEFT: -100px; TOP: -100px" type=hidden value=/WFC/Repository/itr6g4h7/ControlMoveIssue.htm name="ibif_ex"><xml id=focus_xmlelement><script type="text/xml" nextelementuniquenumber="5"><rootxmlnode focoption="_FOC_NULL"><variables></variables><input_controls><input_control bindcontrolid="compUid_1" elementtype="12" name="radio1" id="radio1" multiple="0" onetimepopulated="1"><link linktype="default" persistentuniqueid="compUid_1"><condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0"><data_info datatype="0" modifiedrequest="0" sourcetype="typeMaster"><static_values><static value="1" display="Position 1" selected="1" noinput="0"></static><static value="2" display="Position 2" selected="0" noinput="0"></static></static_values></data_info></condition></link></input_control><input_control bindcontrolid="compUid_2" elementtype="8" name="combobox1" id="combobox1" multiple="0" onetimepopulated="1"><link linktype="default" persistentuniqueid="compUid_2"><condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0"><data_info datatype="0" modifiedrequest="0" sourcetype="typeMaster"><static_values><static value="11" display="List 1.1" selected="1" noinput="0">
</static><static value="12" display="List 1.2" selected="0" noinput="0"></static><static value="13" display="List 1.3" selected="0" noinput="0"></static></static_values></data_info></condition></link></input_control><input_control bindcontrolid="compUid_3" elementtype="8" name="combobox3" id="combobox3" multiple="0" onetimepopulated="1"><link linktype="default" persistentuniqueid="compUid_3"><condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0"><data_info datatype="0" modifiedrequest="0" sourcetype="typeMaster"><static_values><static value="21" display="List 2.1" selected="1" noinput="0"></static><static value="22" display="List 2.2" selected="0" noinput="0"></static><static value="23" display="List 2.3" selected="0" noinput="0"></static></static_values></data_info></condition></link></input_control><input_control bindcontrolid="compUid_7" elementtype="8" name="combobox4" id="combobox4" multiple="0" onetimepopulated="1"><link linktype="default" persistentuniqueid="compUid_4"><condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0"><data_info datatype="0" modifiedrequest="0" sourcetype="typeMaster"><static_values><static value="31" display="List 3.1" selected="1" noinput="0"></static><static value="32" display="List 3.2" selected="0" noinput="0"></static><static value="33" display="List 3.3" selected="0" noinput="0"></static></static_values></data_info></condition></link></input_control></input_controls><requests></requests><other_bound_objects></other_bound_objects></rootxmlnode></script>
</xml></BODY>
<SCRIPT type=text/javascript>//confidential_id=IBI_loader
if(typeof doBeforeLoad === 'function'){doBeforeLoad();}function AdjustChildrenPosition(){
}
</SCRIPT>
</HTML>
<!-- cc tspk -->

This message has been edited. Last edited by: MartinY,


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: 2409 | Location: Montreal Area, Qc, CA | Registered: September 25, 2013Report This Post
Expert
posted Hide Post
Hi Martin,

I've noticed that the browsers now seem to insist upon having the unit specified, so this will (should?!?) work on all browsers (tested on Edge and Chrome).

function radio1_onclick(ctrl) {

	// when position 1
	if (radio1_0.checked == true)
	{
		document.getElementById("combobox3").style.visibility='visible';
		document.getElementById("combobox4").style.top  = "120px";
	}
	else
	{
		document.getElementById("combobox3").style.visibility='hidden';
		document.getElementById("combobox4").style.top  = "90px";
	}
}


T



In FOCUS
since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
 
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004Report This Post
Virtuoso
posted Hide Post
Thanks Tony, it works, haven't thought to add unit.

It also working using jquery as suggested:
// when position 1
if (radio1_0.checked == true)
{
	document.getElementById("combobox3").style.visibility='visible';
//	document.getElementById("combobox4").style.top  = "120px";
	$('#combobox4').animate({top: 120});
//	$('#combobox4').width(70);
//	$('#combobox4').height(15);
}
else
{
	document.getElementById("combobox3").style.visibility='hidden';
//	document.getElementById("combobox4").style.top  = "90px";
	$('#combobox4').animate({top: 90});
//	$('#combobox4').width(120);
//	$('#combobox4').height(120);
}

But for now, still prefer "old" method where less modification is needed :-)

This message has been edited. Last edited by: MartinY,


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: 2409 | Location: Montreal Area, Qc, CA | Registered: September 25, 2013Report 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] HTML control not anymore moving under WF8105

Copyright © 1996-2020 Information Builders