27 lines
886 B
JavaScript
27 lines
886 B
JavaScript
// Close dropdown if user clicks outside of it.
|
|
// Adapted from: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown
|
|
//
|
|
window.onClick = function(event) {
|
|
if (!event.target.matches('.dropbtn')) {
|
|
var dropdowns = document.getElementsByClassName("dropdown-content");
|
|
var i;
|
|
for (i=0; i < dropdowns.length; i++) {
|
|
var openDropdown = dropdowns[i];
|
|
if (openDropdown.classList.contains('show')) {
|
|
openDropdown.classList.remove('show');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Show the drop-down menu, with the given id.
|
|
function showDropdownContent(id) {
|
|
document.getElementById(id).classList.toggle("show");
|
|
}
|
|
|
|
// Update the drop-down with the item that was clicked inside it's menu.
|
|
function updateDropDownSelection(id, contentId) {
|
|
let content = document.getElementById(contentId).innerHTML;
|
|
document.getElementById(id).innerHTML = content;
|
|
}
|