/* Special select April 29, 2005 special_select is a javascript module that displays a textbox together with a selectbox, the selectbox is associated with a javascript array to display a list of items, this list is also used to find a match when typing text, when a match is found typing a * will complete the match. Before you type in the * you can preview what match was found (it is displayed in the background behind the typed text) usage: special_select(name,number,default_str,onchange_str,color,shadow_color,border_color,show_pulldown) The name of the field needs to be listed in a selects_array: var selects_array= new Array ('mydata1','mydata2'); The data needs to be in an array: for best results use a blank entry in the array as a first item, otherwise it may prove difficult to select the first data item. mydata1_array=new Array("","my","data","array"); mydata2_array=new Array("","my","data","array"); in the calling html file use:
Note: start numbering with 1, don't skip numbers, more than about 30 special selects starts to slow things down. data is stored and available in mydata1_1, mydata1_2, mydata2_1, mydata2_2 respectively. */ var formfields_array = new Array(); function popup_toggle(text_field,number) { // determine type of field by using only part until the first _ items=text_field.split("_"); popup_div=items[0]; var select_list=document.getElementById(popup_div+"_"+number+"_popup_select"); if (document.getElementById(popup_div +"_"+number+ "_popup").style.display == 'inline') { hide_popup_selects(); document.getElementById(popup_div +"_"+number+ "_popup").style.display='none'; clear_select(select_list); // focus does not seem to work document.getElementById(popup_div +"_"+number+ "_text").focus(); } else { hide_popup_selects(); document.getElementById(popup_div +"_"+number+ "_popup").style.display='inline'; clear_select(select_list); selection_array=eval(popup_div+"_array"); // set selection add_item(select_list,'',''); for (var i=0;i=0;i--) { select_list.options[i]=null; } } function popup_select(text_field,number) { popup_toggle(text_field,number) } function hide_popup_selects() { for (var i=0;i= formfields_array.length || number == 1000)number=1; if (formfields_array[number][name]) { formfield_to_move_to=document.getElementById(formfields_array[number][name]+"_text"); if (formfield_to_move_to) { formfield_to_move_to.focus(); } else { number=prev_number; } } else { number=prev_number; } } } } } var first_run="1"; function special_select(name,number,default_str,onchange_str,color,shadow_color,border_color,show_pulldown,simple_select) { var text_back_up='-1.4em'; var select_back_up='-1.0em'; //color="#000000"; //shadow_color="#666666"; //border_color=color; if (!color)color="#000000"; if (!shadow_color)shadow_color="#666666"; if (!border_color)border_color=color; //document.write(""); document.write("
"); // needed to reserve space for absolute positioned elements within document.write(""); document.write(""); document.write(""); document.write(""); document.write(""); if (show_pulldown == 'true') { if (!simple_select) { document.write(""); document.write(""); document.write("
V
"); //document.write(""); document.write(""); document.write(""); } } document.write(""); document.write(""); } document.write(""); document.write(""); document.write(""); document.write(""); document.write("
"); //document.write(""); if (!formfields_array[number])formfields_array[number]=new Array (); formfields_array[number][name]=name+"_"+number; //alert("formfields_array[number][name]="+name+"_"+number); }