<script>
/**** toggle_select_option ***
Automatically display a single DOM element next to selectObject
when the selected value is "openValue",
and close it for other values.
*/
function toggle_select_option(selectObject, openValue){
var selected = selectObject.value;
if (selected == openValue){
!if $jquery_defined!=yes
selectObject.nextSibling.style.display="block";
!else
jQuery
(selectObject
).next().slideDown
();
!endif
}
else{
!if $jquery_defined!=yes
selectObject.nextSibling.style.display="none";
!else
jQuery
(selectObject
).next().slideUp
();
!endif
}
}
/**** toggle_select_options ***
Automatically display defined DOM elements according to matching_dict
matching_dict is an associative array like this :
{
"value1" : "#DOM_ID_element1",
"value2" : ".DOM_class_elements",
...
}
*/
function toggle_select_options(selectElem, matching_dict={}){
var selected = selectElem.value;
for(var key in matching_dict
){
!if $jquery_defined!=yes
document
.querySelector
(matching_dict
[key]).style
.display
="block";
!else
jQuery
(matching_dict
[key]).slideDown
();
!endif
}
else{
!if $jquery_defined!=yes
document
.querySelector
(matching_dict
[key]).style
.display
="none";
!else
jQuery
(matching_dict
[key]).slideUp
();
!endif
}
}
}
/* Since the allowtype selectbox not works yet well without reloading the page,
it reloads the page when "techvars" are selected */
function toggle_allowtype(selectElem, matching_dict={}){
var selected = selectElem.value;
if (selected == "techvar"){
selectElem.form.submit();
}
else{
toggle_select_options(selectElem, matching_dict);
}
}
</script>