topic Insert data in Select OnChange in Alfresco Archive https://connect.hyland.com/t5/alfresco-archive/insert-data-in-select-onchange/m-p/307092#M260222 <HTML><HEAD></HEAD><BODY><SPAN>Hello All,</SPAN><BR /><BR /><SPAN>I'm trying to do this :</SPAN><BR /><BR /><SPAN>i have a form, and in this form there is a select where the user can choose an option…</SPAN><BR /><SPAN>The form is default empty, cuz the user may create a new entry (in an input type text) OR choose existing entry in this list…</SPAN><BR /><SPAN>and only 2 solutions in the select : </SPAN><BR /><BR /><SPAN>- no selection (default selected) </SPAN><BR /><SPAN>- charge existing choices</SPAN><BR /><BR /><SPAN>when the user selects "charge choices" the system calls a js function to get the data generated by another file</SPAN><BR /><SPAN>(a .get.html.ftl file which consists in displaying some options created from freemarker code)</SPAN><BR /><BR /><SPAN>on older versions of Alfresco (3.3) the request was done with a xmlhttprequest requesting the file host<img id="smileytongue" class="emoticon emoticon-smileytongue" src="https://connect.hyland.com/i/smilies/16x16_smiley-tongue.png" alt="Smiley Tongue" title="Smiley Tongue" />ort/alfresco/wcservice/folder/file/ on the system… it seems that on this version (4.2.0) this doesnt work anymore…</SPAN><BR /><BR /><SPAN>the file generating the options looks like this : </SPAN><BR /><BR /><PRE class="language-none line-numbers"><CODE><BR />&lt;#assign liste=':'&gt;<BR />&lt;#list "folder".children as X&gt;<BR />&nbsp; &lt;#if X.name =="myName"&gt;<BR />&nbsp;&nbsp;&nbsp; &lt;#list X.children as Y&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;#list Y.children W&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;#if liste?index_of(':'+W.name+':')==-1&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;#assign liste=liste+W.name+':'&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/#if&gt;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/#list&gt;<BR />&nbsp;&nbsp;&nbsp; &lt;/#list&gt;<BR />&nbsp; &lt;/#if&gt;<BR />&lt;/#list&gt;<BR />&lt;#list liste?sort as xyz&gt;<BR />&nbsp; &lt;#if xyz!=''&gt;<BR />&nbsp;&nbsp;&nbsp; &lt;option value='${xyz?html}'&gt;${xyz?html}&lt;/option&gt;<BR />&nbsp; &lt;/#if&gt;<BR />&lt;/#list&gt;<BR /><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE><BR /><BR /><SPAN>calling this file on url (host<img id="smileytongue" class="emoticon emoticon-smileytongue" src="https://connect.hyland.com/i/smilies/16x16_smiley-tongue.png" alt="Smiley Tongue" title="Smiley Tongue" />ort/alfresco/wcservice/folder/thisFile/ returns the options!</SPAN><BR /><SPAN>so the code is ok… </SPAN><BR /><BR /><SPAN>but my problem is to get it by calling a jsfunction INTO another file…</SPAN><BR /><SPAN>in this other file i have a select which looks like this : </SPAN><BR /><BR /><PRE class="language-none line-numbers"><CODE><BR />…<BR />&lt;span id="span_sel_type"&gt;<BR />&nbsp; &lt;select id="sel_type" onChange="javascript:getOptions('type');"&gt;<BR />&nbsp;&nbsp;&nbsp; &lt;option value="0"&gt;no choice&lt;/option&gt;<BR />&nbsp;&nbsp;&nbsp; &lt;option value="charge"&gt;Charge&lt;/option&gt;<BR />&nbsp; &lt;/select&gt;<BR />&lt;/span&gt;<BR />…<BR /><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE><BR /><BR /><SPAN>'type' is the name of the file returning the options, so that i can call the same function on other selects to request other files (if i need another list generated by a file called "otherTypes" or "subTypes" i just have to set "otherTypes" or "subTypes" in my jsFunction…)</SPAN><BR /><BR /><SPAN>The js code looks like this, two functions, one building the select + options and returning it and the other one returns the options to the first one… :</SPAN><BR /><BR /><SPAN>&lt;javascript&gt;</SPAN><BR /><SPAN>function getOptions(x){</SPAN><BR /><SPAN>&nbsp; //the select with the "no choice option"</SPAN><BR /><SPAN>&nbsp; var txt="&lt;select id='sel_type'&gt;&lt;option value='0'&gt;no choice&lt;/option&gt;";</SPAN><BR /><SPAN>&nbsp; //trying to get the options from the file… calling javascript "call function"</SPAN><BR /><SPAN>&nbsp; var result = call('host<img id="smileytongue" class="emoticon emoticon-smileytongue" src="https://connect.hyland.com/i/smilies/16x16_smiley-tongue.png" alt="Smiley Tongue" title="Smiley Tongue" />ort/alfresco/wcservice/folder/'+x);</SPAN><BR /><SPAN>&nbsp; //writing the options into the created select, then put it into my form (replaces the default empty select)</SPAN><BR /><SPAN>&nbsp; document.getElementById('span_sel_'+x).innerHTML=txt+res+'&lt;/select&gt;';</SPAN><BR /><SPAN>}</SPAN><BR /><BR /><SPAN>function call(x){</SPAN><BR /><SPAN>&nbsp; var xhr = null;</SPAN><BR /><SPAN>&nbsp; var res = "";</SPAN><BR /><SPAN>&nbsp; if(window.XMLHttpRequest){</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; xhr = new XMLHttpRequest();</SPAN><BR /><SPAN>&nbsp; }else if(window.ActiveXObject){</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; try{</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; xhr = new ActiveXObject("Microsoft.XMLHTTP");</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; }catch(e){</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; result = "Error";</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; }</SPAN><BR /><SPAN>&nbsp; }else{</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; result = "XMLHTTPRequests not supported…";</SPAN><BR /><SPAN>&nbsp; }</SPAN><BR /><SPAN>&nbsp; xhr.open("GET",x,false);</SPAN><BR /><SPAN>&nbsp; xhr.send(''); //or null</SPAN><BR /><SPAN>&nbsp; if(xhr.readyState == 4){</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; if(xhr.status == 200){</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; result = xhr.responseText;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; }else{</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; result = "Probelm : status = "+xhr.status+" on "+x;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; }</SPAN><BR /><SPAN>&nbsp; }</SPAN><BR /><SPAN>&nbsp; return result;</SPAN><BR /><SPAN>}</SPAN><BR /><SPAN>&lt;/javascript&gt;</SPAN><BR /><BR /><SPAN>So… i'm on that for hours and hours without finding any solution…</SPAN><BR /><SPAN>I get an error (firebug tells me) at xhr.open("GET",x,false)…</SPAN><BR /><SPAN>Seems like xmlhttprequests are not native supported on alfresco 4.2… or seems like my code is wrong…</SPAN><BR /><SPAN>but can't find any solution… what's wrong…</SPAN><BR /><BR /><SPAN>and btw, sorry if my question looks "so easy to resolve" for you…</SPAN><BR /><BR /><SPAN>thanks a lot for any help…</SPAN></BODY></HTML> Tue, 04 Mar 2014 08:41:53 GMT julos 2014-03-04T08:41:53Z Insert data in Select OnChange https://connect.hyland.com/t5/alfresco-archive/insert-data-in-select-onchange/m-p/307092#M260222 Hello All,I'm trying to do this :i have a form, and in this form there is a select where the user can choose an option…The form is default empty, cuz the user may create a new entry (in an input type text) OR choose existing entry in this list…and only 2 solutions in the select : - no selection (def Tue, 04 Mar 2014 08:41:53 GMT https://connect.hyland.com/t5/alfresco-archive/insert-data-in-select-onchange/m-p/307092#M260222 julos 2014-03-04T08:41:53Z Re: Insert data in Select OnChange https://connect.hyland.com/t5/alfresco-archive/insert-data-in-select-onchange/m-p/307093#M260223 <HTML><HEAD></HEAD><BODY><SPAN>Best copy your question into another area.</SPAN></BODY></HTML> Tue, 04 Mar 2014 14:10:05 GMT https://connect.hyland.com/t5/alfresco-archive/insert-data-in-select-onchange/m-p/307093#M260223 jensd 2014-03-04T14:10:05Z