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     [CLOSED] HTML Composer - Design Tab Removes ul (unordered list) tag id

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[CLOSED] HTML Composer - Design Tab Removes ul (unordered list) tag id
 Login/Join
 
Prince Joseph
Silver Member
posted
Hi,

I am very new to webfocus in general and html composer.
There is probably an easy fix for this, but I wasn't able to find it after some time of searching. Here is what is happening.
I have created an html file that uses jquery to run some javascript(a carousel that you can swipe through with your mouse).
It works perfectly when I run it, as long as I don't open it in design mode.
If I open it in design mode, the ul id gets deleted and is replaced with some other code. The ul id is what tells the javascript what to do.
No matter what I do, If I open the file under design mode, the javascript will not work. Here is my original file before I open the Design Tab. 
  <!-- Generated by Report Layout Painter -->

<!DOCTYPE html> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META id=mycharsetmeta content="text/html; charset=ISO-8859-1" http-equiv=Content-Type>
<META id=Generation content="Created in release 7703, 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>Carousel Demonstration</TITLE>
<SCRIPT id=ITEM1 type=text/javascript src="/ibi_html/test/jquery-1.4.4.min.js" jquery.mobile, carousel></SCRIPT>

<SCRIPT id=ITEM2 type=text/javascript src="/ibi_html/test/jquery-ui.js"></SCRIPT>

<SCRIPT id=ITEM3 type=text/javascript src="/ibi_html/test/jquery.ui.ipad.js" UserSuppliedFullPath="1"></SCRIPT>

<SCRIPT id=ITEM4 type=text/javascript src="/ibi_html/test/jquery.mobile.carousel.js" UserSuppliedFullPath="1"></SCRIPT>

<STYLE type=text/css></STYLE>

<SCRIPT type=text/javascript> 
  //<![CDATA[ 
  $(window).load(function(){
      (function($) {
        $("#carousel1").carousel();
        $("#carousel2").carousel({direction: "vertical"});
    })(jQuery);
  });
  //]]> 
  </SCRIPT>

<SCRIPT id=clientEventHandlersJS type=text/javascript>
//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
</SCRIPT>

<SCRIPT for=window type=text/javascript eventname="onload">window.onload = function() { window_onload(); }</SCRIPT>
</HEAD>
<BODY style="OVERFLOW: auto" thumbnailscale="4" elementtype="21" edaconnectionrequired="false">Horizontal 
<DIV style="WIDTH: 650px; HEIGHT: 450px">


<!--THE UL ID BELOW IS THE ONE THAT GETS CHANGED.-->

<UL style="DISPLAY: none" id=carousel1>
[*]
<DIV style="BACKGROUND-COLOR: #381; WIDTH: 100%; HEIGHT: 100%">WORKING????</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #837; WIDTH: 100%; HEIGHT: 100%">WHY YES.</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #999; WIDTH: 100%; HEIGHT: 100%">YES IT IS WORKING</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #738; WIDTH: 100%; HEIGHT: 100%">Page 4</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #142; WIDTH: 100%; HEIGHT: 100%">Page 5</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #927; WIDTH: 100%; HEIGHT: 100%">Page 6</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #987; WIDTH: 100%; HEIGHT: 100%">Page 7</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #187; WIDTH: 100%; HEIGHT: 100%">Page 8</DIV></UL></DIV>Vertical 
<DIV style="WIDTH: 500px; HEIGHT: 300px">
<UL style="DISPLAY: none" id=carousel2>
[*]
<DIV style="BACKGROUND-COLOR: #381; WIDTH: 100%; HEIGHT: 100%">Page 1</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #837; WIDTH: 100%; HEIGHT: 100%">Page 2</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #999; WIDTH: 100%; HEIGHT: 100%">Page 3</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #738; WIDTH: 100%; HEIGHT: 100%">Page 4</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #142; WIDTH: 100%; HEIGHT: 100%">Page 5</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #927; WIDTH: 100%; HEIGHT: 100%">Page 6</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #987; WIDTH: 100%; HEIGHT: 100%">Page 7</DIV>
[*]
<DIV style="BACKGROUND-COLOR: #187; WIDTH: 100%; HEIGHT: 100%">Page 8</DIV></UL></DIV>
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=layoutinfo type=hidden resourcectrlids="ITEM1;ITEM2">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibiapp_app value="baseapp dashboard" type=hidden ismre="1" name="ibiapp_app">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibif_ex value=app/carousel_test.htm type=hidden name="ibif_ex">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=IBIMR_domain value=developm/developm.htm type=hidden name="IBIMR_domain">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=IBIMR_folder value=#dashboardq59 type=hidden name="IBIMR_folder">
<xml id=focus_xmlelement>
<script type="text/xml">
<rootxmlnode focoption="FOC_NONE">
<variables></variables>
<input_controls></input_controls>
<other_bound_objects></other_bound_objects>
<requests></requests></rootxmlnode></script>
</xml></BODY>
<SCRIPT id=IBI_loader type=text/javascript>
doBeforeLoad();
</SCRIPT>
</HTML>


The above code works perfectly because I haven't opened the design tab. (I have marked off with a comment which id is getting changed).

Here is the code for the same file after I open the design tab. I have placed a comment above where the ul id is supposed to be but has gotten removed. 



  <HTML>
<HEAD>
<META id=mycharsetmeta content="text/html; charset=ISO-8859-1" http-equiv=Content-Type>
<META id=Generation content="Created in release 7703, 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>Carousel Demonstration</TITLE>
<SCRIPT id=ITEM1 type=text/javascript src="htmlpathsub/test/jquery-1.4.4.min.js" UserSuppliedFullPath="1" jquery.mobile, carousel></SCRIPT>

<SCRIPT id=ITEM2 type=text/javascript src="htmlpathsub/test/jquery-ui.js" UserSuppliedFullPath="1"></SCRIPT>

<SCRIPT id=ITEM3 type=text/javascript src="htmlpathsub/test/jquery.ui.ipad.js" UserSuppliedFullPath="1"></SCRIPT>

<SCRIPT id=ITEM4 type=text/javascript src="htmlpathsub/test/jquery.mobile.carousel.js" UserSuppliedFullPath="1"></SCRIPT>

<SCRIPT type=text/javascript> 
  //<![CDATA[ 
  $(window).load(function(){
      (function($) {
        $("#carousel1").carousel();
        $("#carousel2").carousel({direction: "vertical"});
    })(jQuery);
  });
  //]]> 
  </SCRIPT>

<SCRIPT id=clientEventHandlersJS type=text/javascript>
//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
</SCRIPT>

<SCRIPT for=window type=text/javascript eventname="onload">window.onload = function() { window_onload(); }</SCRIPT>
</HEAD>
<BODY style="OVERFLOW: auto" thumbnailscale="4" elementtype="21" edaconnectionrequired="false">Horizontal 
<DIV style="WIDTH: 650px; HEIGHT: 450px">
<DIV style="POSITION: relative; WIDTH: 650px; HEIGHT: 450px; OVERFLOW: hidden">
<DIV style="POSITION: relative; WIDTH: 650px; HEIGHT: 450px; OVERFLOW: hidden">
<DIV style="POSITION: relative; WIDTH: 650px; HEIGHT: 450px; OVERFLOW: hidden">


<!--BELOW YOU CAN SEE THAT THE ID FOR UL IS GONE AND HENCE THE JAVASCRIPT WILL NOT WORK ANYMORE-->


<UL style="POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 5200px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px" class=ui-draggable jQuery1313699555662="2">
<LI style="WIDTH: 650px; FLOAT: left; HEIGHT: 450px">
<DIV style="BACKGROUND-COLOR: #381; WIDTH: 100%; HEIGHT: 100%">WORKING????</DIV>
<LI style="WIDTH: 650px; FLOAT: left; HEIGHT: 450px">
<DIV style="BACKGROUND-COLOR: #837; WIDTH: 100%; HEIGHT: 100%">WHY YES.</DIV>
<LI style="WIDTH: 650px; FLOAT: left; HEIGHT: 450px">
<DIV style="BACKGROUND-COLOR: #999; WIDTH: 100%; HEIGHT: 100%">YES IT IS WORKING</DIV>
<LI style="WIDTH: 650px; FLOAT: left; HEIGHT: 450px">
<DIV style="BACKGROUND-COLOR: #738; WIDTH: 100%; HEIGHT: 100%">Page 4</DIV>
<LI style="WIDTH: 650px; FLOAT: left; HEIGHT: 450px">
<DIV style="BACKGROUND-COLOR: #142; WIDTH: 100%; HEIGHT: 100%">Page 5</DIV>
<LI style="WIDTH: 650px; FLOAT: left; HEIGHT: 450px">
<DIV style="BACKGROUND-COLOR: #927; WIDTH: 100%; HEIGHT: 100%">Page 6</DIV>
<LI style="WIDTH: 650px; FLOAT: left; HEIGHT: 450px">
<DIV style="BACKGROUND-COLOR: #987; WIDTH: 100%; HEIGHT: 100%">Page 7</DIV>
<LI style="WIDTH: 650px; FLOAT: left; HEIGHT: 450px">
<DIV style="BACKGROUND-COLOR: #187; WIDTH: 100%; HEIGHT: 100%">Page 8</DIV></UL></DIV></DIV></DIV></DIV>Vertical 
<DIV style="WIDTH: 500px; HEIGHT: 300px">
<DIV style="POSITION: relative; WIDTH: 500px; HEIGHT: 300px; OVERFLOW: hidden">
<UL style="POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 4000px; PADDING-RIGHT: 0px; PADDING-TOP: 0px" class=ui-draggable jQuery1313693748284="3">
<LI style="WIDTH: 500px; HEIGHT: 300px">
<DIV style="BACKGROUND-COLOR: #381; WIDTH: 100%; HEIGHT: 100%">Page 1</DIV>
<LI style="WIDTH: 500px; HEIGHT: 300px">
<DIV style="BACKGROUND-COLOR: #837; WIDTH: 100%; HEIGHT: 100%">Page 2</DIV>
<LI style="WIDTH: 500px; HEIGHT: 300px">
<DIV style="BACKGROUND-COLOR: #999; WIDTH: 100%; HEIGHT: 100%">Page 3</DIV>
<LI style="WIDTH: 500px; HEIGHT: 300px">
<DIV style="BACKGROUND-COLOR: #738; WIDTH: 100%; HEIGHT: 100%">Page 4</DIV>
<LI style="WIDTH: 500px; HEIGHT: 300px">
<DIV style="BACKGROUND-COLOR: #142; WIDTH: 100%; HEIGHT: 100%">Page 5</DIV>
<LI style="WIDTH: 500px; HEIGHT: 300px">
<DIV style="BACKGROUND-COLOR: #927; WIDTH: 100%; HEIGHT: 100%">Page 6</DIV>
<LI style="WIDTH: 500px; HEIGHT: 300px">
<DIV style="BACKGROUND-COLOR: #987; WIDTH: 100%; HEIGHT: 100%">Page 7</DIV>
<LI style="WIDTH: 500px; HEIGHT: 300px">
<DIV style="BACKGROUND-COLOR: #187; WIDTH: 100%; HEIGHT: 100%">Page 8</DIV></UL></DIV></DIV> <INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=layoutinfo type=hidden resourcectrlids="ITEM1;ITEM2;ITEM3;ITEM4">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibiapp_app value="baseapp dashboard" type=hidden ismre="1" name="ibiapp_app">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibif_ex value=app/puztbbjk.htm type=hidden name="ibif_ex">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=IBIMR_domain value=developm/developm.htm type=hidden name="IBIMR_domain">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=IBIMR_folder value=#dashboardq59 type=hidden name="IBIMR_folder">
<xml id=focus_xmlelement><script type="text/xml">
	<rootxmlnode focoption="FOC_NONE">
		<variables></variables>
		<input_controls></input_controls>
		<other_bound_objects></other_bound_objects>
		<requests></requests></rootxmlnode></script>
</xml></BODY>
<SCRIPT id=IBI_loader type=text/javascript>
doBeforeLoad();
</SCRIPT>
</HTML>


How can I go about making sure that the UL ID stays even after I open it in the design tab of HTML composer? I will need to open the design tab in HTML composer to place some input boxes etc in to the webpage. Please let me know. Any help is appreciated.

Thanks,
Prince

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


Webfocus 8, All Outputs

 
Posts: 47 | Location: Atlanta, GA | Registered: June 09, 2011Report This Post
<FreSte>
posted
Prince,

I agree, it shouldn't remove the id, but (as a workaround) can't you append the whole HTML-code
by jQuery after your document has been loaded ??

$(window).load(function(){
	var _str = '';
	_str += '<DIV id="horizontal"  style="WIDTH: 650px; HEIGHT: 450px">' ;
	_str += '    <UL style="DISPLAY: none" id=carousel1>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #381; WIDTH: 100%; HEIGHT: 100%">WORKING????</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #837; WIDTH: 100%; HEIGHT: 100%">WHY YES.</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #999; WIDTH: 100%; HEIGHT: 100%">YES IT IS WORKING</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #738; WIDTH: 100%; HEIGHT: 100%">Page 4</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #142; WIDTH: 100%; HEIGHT: 100%">Page 5</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #927; WIDTH: 100%; HEIGHT: 100%">Page 6</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #987; WIDTH: 100%; HEIGHT: 100%">Page 7</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #187; WIDTH: 100%; HEIGHT: 100%">Page 8</DIV>' ;
	_str += '       </UL>' ;
	_str += '</DIV>' ;
	_str += '<DIV id="vertical"  style="WIDTH: 500px; HEIGHT: 300px">' ;
	_str += '    <UL style="DISPLAY: none" id=carousel2>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #381; WIDTH: 100%; HEIGHT: 100%">Page 1</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #837; WIDTH: 100%; HEIGHT: 100%">Page 2</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #999; WIDTH: 100%; HEIGHT: 100%">Page 3</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #738; WIDTH: 100%; HEIGHT: 100%">Page 4</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #142; WIDTH: 100%; HEIGHT: 100%">Page 5</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #927; WIDTH: 100%; HEIGHT: 100%">Page 6</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #987; WIDTH: 100%; HEIGHT: 100%">Page 7</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #187; WIDTH: 100%; HEIGHT: 100%">Page 8</DIV>' ;
	_str += '    </UL>' ;
	_str += '</DIV>' ;
	$('body').append(_str);

	(function($) {
        $("#carousel1").carousel();
        $("#carousel2").carousel({direction: "vertical"});
    })(jQuery);
});


-Fred-
 
Report This Post
Prince Joseph
Silver Member
posted Hide Post
Thanks Fred. I'll give this a shot and let you know the outcome.


Webfocus 8, All Outputs

 
Posts: 47 | Location: Atlanta, GA | Registered: June 09, 2011Report This Post
Prince Joseph
Silver Member
posted Hide Post
Hi,

I have tried appending it through jquery and it seems to come up fine, but none of the styling(background color etc.) seem to be working. I am guessing this is happening because it's loading the html code after the document has been loaded. Let me know if there is some way to fix this.

I think the whole reason that the id is going away is because the javascript is being run when going into the design tab and then it is getting saved that way. I am not sure if there is a way around this.

Thanks again,
Prince

This message has been edited. Last edited by: Prince Joseph,


Webfocus 8, All Outputs

 
Posts: 47 | Location: Atlanta, GA | Registered: June 09, 2011Report This Post
<FreSte>
posted
Mmmm, the styling should be there when adding elements by jQuery (see example below).

I also noticed after re-reading your code, that the url's for the js-files are different.

The working-example:
<script id=ITEM3 type=text/javascript src="/ibi_html/test/jquery.ui.ipad.js" UserSuppliedFullPath="1">
...
and the changed non-working one:
<script id=ITEM3 type=text/javascript src="htmlpathsub/test/jquery.ui.ipad.js" UserSuppliedFullPath="1">

Any idea what caused that change ???



<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 src="http://code.jquery.com/jquery-latest.js"></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>


<script>
$(window).load(function(){
	var _str = '';
	_str += '<DIV id="horizontal"  style="WIDTH: 650px; HEIGHT: 450px">' ;
	_str += '    <UL style="DISPLAY: n_one" id=carousel1>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #381; WIDTH: 100%; HEIGHT: 100%">WORKING????</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #837; WIDTH: 100%; HEIGHT: 100%">WHY YES.</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #999; WIDTH: 100%; HEIGHT: 100%">YES IT IS WORKING</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #738; WIDTH: 100%; HEIGHT: 100%">Page 4</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #142; WIDTH: 100%; HEIGHT: 100%">Page 5</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #927; WIDTH: 100%; HEIGHT: 100%">Page 6</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #987; WIDTH: 100%; HEIGHT: 100%">Page 7</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #187; WIDTH: 100%; HEIGHT: 100%">Page 8</DIV>' ;
	_str += '       </UL>' ;
	_str += '</DIV>' ;
	_str += '<DIV id="vertical"  style="WIDTH: 500px; HEIGHT: 300px">' ;
	_str += '    <UL style="DISPLAY: n_one" id=carousel2>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #381; WIDTH: 100%; HEIGHT: 100%">Page 1</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #837; WIDTH: 100%; HEIGHT: 100%">Page 2</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #999; WIDTH: 100%; HEIGHT: 100%">Page 3</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #738; WIDTH: 100%; HEIGHT: 100%">Page 4</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #142; WIDTH: 100%; HEIGHT: 100%">Page 5</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #927; WIDTH: 100%; HEIGHT: 100%">Page 6</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #987; WIDTH: 100%; HEIGHT: 100%">Page 7</DIV>[*]' ;
	_str += '        <DIV style="BACKGROUND-COLOR: #187; WIDTH: 100%; HEIGHT: 100%">Page 8</DIV>' ;
	_str += '    </UL>' ;
	_str += '</DIV>' ;
	$('body').append(_str);

	(function($) {
        //$("#carousel1").carousel();
        //$("#carousel2").carousel({direction: "vertical"});
    })(jQuery);
});
</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
//add onInitialUpdate() function to make changes before initial run of the reports
}
//End function window_onload
</SCRIPT>

<SCRIPT for=window type=text/javascript eventname="onload">window.onload = function() { window_onload(); }</SCRIPT>
</HEAD>
<BODY style="OVERFLOW: auto" thumbnailscale="4" elementtype="21" edaconnectionrequired="false">   
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=layoutinfo type=hidden>
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibiapp_app value=baseapp 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></requests></rootxmlnode></script>
</xml></BODY>
<SCRIPT id=IBI_loader type=text/javascript>
doBeforeLoad();
</SCRIPT>
</HTML>

This message has been edited. Last edited by: <FreSte>,
 
Report This Post
Prince Joseph
Silver Member
posted Hide Post
I believe the 'htmlpathsub' points to the same place as ibi_html, so I don't believe that is causing a problem. I am not too sure why it is getting replaced with 'htmlpathsub'. I will take a look at your example and let you know what I find out.

Thanks again,
Prince


Webfocus 8, All Outputs

 
Posts: 47 | Location: Atlanta, GA | Registered: June 09, 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     [CLOSED] HTML Composer - Design Tab Removes ul (unordered list) tag id

Copyright © 1996-2020 Information Builders