<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_element1",
"value2" : "DOM_element2",
...
}
*/
function toggle_select_options(selectElem, matching_dict={}){
var selected = selectElem.value;
for(var key in matching_dict){
if (selected == key){
!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>