[CLOSED] HTML COMPOSER - EDIT BOX - AUTO COMPLETE

HI,
I have figure out how to Auto-Complete the Edit Box control by using XML datasource.
It works beautifully for Single search.
What I would like to do is add multi-select and autocomplete multiple values with a delimiter.
Basically, something like the post below.

http://stackoverflow.com/quest...le-values-in-textbox

Not sure how to go about it.
I managed to change the minlength but thats about it.

Thanks

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

WebFOCUS 8202M

Posts: 167 | Location: Montreal | Registered: September 23, 2014

Platinum Member

posted

Hide Post

Here is my code if someone is curious and would like to help me with it.

  
<!DOCTYPE html>
<html><!-- Copyright 1996-2013 Information Builders, Inc. All rights reserved. --><head><meta http-equiv="X-UA-Compatible" content="IE=Edge"><meta name="mycharsetmeta" http-equiv="Content-Type" content="text/html; charset=WINDOWS-1252"><meta name="Generation" content="Created in release 8105, Generation 4"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript">
//confidential_id=IBI_OptionsScript
var bRuntimes=true;var szHtmlAlias="./ibi_html/";var is_mobile="false";var szRunTimeHtmlAlias="runTimeHtmlAlias";var cgipath="cgipath";var ib_composer="ib_composer";var map="ib_composer_map";var grid="ib_composer_grid";var emf="ib_composer_emf";var ibiOptions = new Array(cgipath,ib_composer);if(typeof(szRunTimeHtmlAlias) === 'string' && szRunTimeHtmlAlias.indexOf('/') == 0)szHtmlAlias=szRunTimeHtmlAlias;document.write('<script src="'+szHtmlAlias+'ibigbl.js" type="text/javascript"><\/script>');</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>Test HTML</title>
<script type="text/javascript">
//confidential_id=clientEventHandlersJS

if(typeof(bRuntime) != 'undefined') {
}
function window_onload() {
UpdateData();
}
</script>
 <script type="text/javascript">
  $(function() { 
      $('#editDUNsName').autocomplete({
        minLength: 3        
    });
    
 });  
 
</script>
 

</style><!--//confidential_id=focus_xmlelement
<rootxmlnode focoption="_FOC_NULL" nextelementuniquenumber="204" top="280" left="10" width="157" height="437"><html_elements><html_body thumbnailscale="4" use_appl_css="no" maptype="0" autofitchildren="no" mobiledocument="no" nonbindows_theme="" edaconnectionrequired="true" ibiapp_app="ibisamp" ismre="1" ibif_ex="../test.htm" paramstabautoarrange="no" focoption="_FOC_NULL"><html_event eventname="load" eventhandlername="window_onload"/><layer name="default"/>
			<html_event eventname="click" eventhandlername="window_onclick"/>
		
</html_body><html_element bindcontrolid="editDUNsName" defaultselection="1" myviewonautofit="dontyouever" inputcontrol="1" layername="default" onetimepopulated="0" inbinding="1" defaultinbindinglocation="110,432,130,534" unresolved="0" controltype="7" linktype="none" elementtype="7">
			<link linktype="default" persistentuniqueid="compUid_35"><condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0">
					<data_info datatype="1" sourcetype="typeAnyReport" datasource="ui_DUNS" ibif_ex="ui_DUNS" displayfield="DUNS_NAME_FE" datafield="DUNS_NAME_FE" selectedvalue="" checkForDuplicateValues="0" cacheruntimedata="1" numofrecords="-1" activereportmenutype="0" requests_list="ui_DUNS" dosorting="0" sorttype="0" sortorder="0"><selectionto_item type="variable" id="DUNS">
						</selectionto_item></data_info></condition></link><data_info/>
			<html_event eventname="onbeforeload" eventhandlername="editDUNsName_ononbeforeload"/>
			<html_event eventname="focus" eventhandlername="editDUNsName_onfocus"/>
		</html_element>
		<html_element bindcontrolid="editDUNsName" inputcontrol="1" unresolved="0" onetimepopulated="1" elementtype="7"><link linktype="default"><condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0"><data_info datatype="0" sourcetype="typeMaster">
					</data_info></condition></link></html_element><html_element bindcontrolid="LINK4"/><html_element rtFileName="htmlpathsub/javaassist/ibi/html/composer/themes/nonBindows/IBI-Themes/default_theme.css" bindcontrolid="LINK3" type="cssfile"/><html_element rtFileName="htmlpathsub/javaassist/ibi/html/composer/themes/nonBindows/" bindcontrolid="IBI_THEME_CSS" desc="Plain" type="cssfile"/><html_element rtFileName="../appl.css" bindcontrolid="USER_SITE_CSS" linkdisabled="1" type="cssfile"/>
</html_elements><variables/><requests nextrequestsid="21"><request requestid="ui_DUNS" sourcetype="typeFex" ibif_ex="...ui_DUNS.fex" ibiapp_app="" activeType="-1" activereport="0" compoundreport="0"/>
	</requests><tasks><task id="load" trigger="load"/></tasks><animations>
	</animations>
</rootxmlnode>
--><script type="text/javascript">
//confidential_id=updateHeadElements
if(typeof updateHeadElements === 'function'){updateHeadElements();}</script></head>
<body title="Test HTML" class="IBI_PageBg">
<input tabindex="161" title="" class="ui-widget .ui-widget internal_default" id="editDUNsName" style="border: thin solid buttonshadow; border-image: none; left: 10px; top: 20px; width: 255px; height: 25px; text-align: left; line-height: normal; letter-spacing: normal; padding-top: 1px; padding-bottom: 2px; padding-left: 2px; font-family: Calibri; font-size: 12pt; position: absolute; z-index: 3050; background-image: none; background-color: rgb(255, 255, 255); BORDERRADIUS: 5px;" style.border="thin solid buttonshadow" rawvalue="Awwwwwwwww" name="editDUNsName"></body><script type="text/javascript">
//confidential_id=IBI_loader
if(typeof doBeforeLoad === 'function'){doBeforeLoad();}function AdjustChildrenPosition(){
}
</script></html>


<!-- cc 00000 -->

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

WebFOCUS 8202M

Posts: 167 | Location: Montreal | Registered: September 23, 2014

Ignored post by BM posted

Show Post

FP Mod Chuck

Virtuoso

posted

Hide Post

BM

I also need the ui_DUNS fex you were trying to use.

Thank you for using Focal Point!

Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats

Posts: 2127 | Location: Customer Support | Registered: April 12, 2005