61 lines
No EOL
1.2 KiB
JavaScript
61 lines
No EOL
1.2 KiB
JavaScript
function Menu(options) {
|
|
var elem;
|
|
|
|
function getElem() {
|
|
if (!elem) render();
|
|
return elem;
|
|
}
|
|
|
|
function render() {
|
|
elem = document.createElement('div');
|
|
elem.className = "menu";
|
|
|
|
var titleElem = document.createElement('span');
|
|
elem.appendChild(titleElem);
|
|
titleElem.className = "title";
|
|
titleElem.textContent = options.title;
|
|
|
|
elem.onmousedown = function() {
|
|
return false;
|
|
};
|
|
|
|
elem.onclick = function(event) {
|
|
if (event.target.closest('.title')) {
|
|
toggle();
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function renderItems() {
|
|
var items = options.items || [];
|
|
var list = document.createElement('ul');
|
|
items.forEach(function(item) {
|
|
var li = document.createElement('li');
|
|
li.textContent = item;
|
|
list.appendChild(li);
|
|
});
|
|
elem.appendChild(list);
|
|
}
|
|
|
|
function open() {
|
|
if (!elem.querySelector('ul')) {
|
|
renderItems();
|
|
}
|
|
elem.classList.add('open');
|
|
};
|
|
|
|
function close() {
|
|
elem.classList.remove('open');
|
|
};
|
|
|
|
function toggle() {
|
|
if (elem.classList.contains('open')) close();
|
|
else open();
|
|
};
|
|
|
|
this.getElem = getElem;
|
|
this.toggle = toggle;
|
|
this.close = close;
|
|
this.open = open;
|
|
} |