Details | Last modification | View Log | RSS feed
Rev | Author | Line No. | Line |
---|---|---|---|
12988 | obado | 1 | <script> |
12999 | obado | 2 | /**** toggle_select_option *** |
13009 | obado | 3 | Automatically display a single DOM element next to selectObject |
4 | when the selected value is "openValue", |
||
5 | and close it for other values. |
||
12988 | obado | 6 | */ |
12999 | obado | 7 | function toggle_select_option(selectObject, openValue){ |
8 | var selected = selectObject.value; |
||
9 | if (selected == openValue){ |
||
12988 | obado | 10 | !if $jquery_defined!=yes |
11 | selectObject.nextSibling.style.display="block"; |
||
12 | !else |
||
13 | jQuery(selectObject).next().slideDown(); |
||
14 | !endif |
||
15 | } |
||
16 | else{ |
||
17 | !if $jquery_defined!=yes |
||
18 | selectObject.nextSibling.style.display="none"; |
||
19 | !else |
||
20 | jQuery(selectObject).next().slideUp(); |
||
21 | !endif |
||
22 | } |
||
23 | } |
||
24 | |||
12999 | obado | 25 | |
26 | /**** toggle_select_options *** |
||
13009 | obado | 27 | Automatically display defined DOM elements according to matching_dict |
28 | matching_dict is an associative array like this : |
||
29 | { |
||
13099 | obado | 30 | "value1" : "#DOM_ID_element1", |
31 | "value2" : ".DOM_class_elements", |
||
13009 | obado | 32 | ... |
33 | } |
||
12999 | obado | 34 | |
35 | */ |
||
36 | function toggle_select_options(selectElem, matching_dict={}){ |
||
37 | var selected = selectElem.value; |
||
38 | for(var key in matching_dict){ |
||
13009 | obado | 39 | if (selected == key){ |
40 | !if $jquery_defined!=yes |
||
41 | document.querySelector(matching_dict[key]).style.display="block"; |
||
42 | !else |
||
43 | jQuery(matching_dict[key]).slideDown(); |
||
44 | !endif |
||
45 | } |
||
46 | else{ |
||
47 | !if $jquery_defined!=yes |
||
48 | document.querySelector(matching_dict[key]).style.display="none"; |
||
49 | !else |
||
50 | jQuery(matching_dict[key]).slideUp(); |
||
51 | !endif |
||
52 | } |
||
12999 | obado | 53 | } |
54 | } |
||
55 | |||
13009 | obado | 56 | /* Since the allowtype selectbox not works yet well without reloading the page, |
57 | it reloads the page when "techvars" are selected */ |
||
58 | function toggle_allowtype(selectElem, matching_dict={}){ |
||
59 | var selected = selectElem.value; |
||
60 | if (selected == "techvar"){ |
||
61 | selectElem.form.submit(); |
||
62 | } |
||
63 | else{ |
||
64 | toggle_select_options(selectElem, matching_dict); |
||
65 | } |
||
66 | } |
||
67 | |||
12988 | obado | 68 | </script> |