Focal Point
[SOLVED] HTML control not anymore moving under WF8105

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/1627089286

July 04, 2016, 11:24 AM
MartinY
[SOLVED] HTML control not anymore moving under WF8105
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
July 04, 2016, 12:36 PM
Tony A
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 
July 04, 2016, 01:26 PM
MartinY
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