72 строки
1.7 KiB
JavaScript
72 строки
1.7 KiB
JavaScript
/* ----------------------------------
|
|
* POPOVER v2.0.0
|
|
* Licensed under The MIT License
|
|
* http://opensource.org/licenses/MIT
|
|
* ---------------------------------- */
|
|
|
|
!function () {
|
|
|
|
var popover;
|
|
|
|
var findPopovers = function (target) {
|
|
var i, popovers = document.querySelectorAll('a');
|
|
for (; target && target !== document; target = target.parentNode) {
|
|
for (i = popovers.length; i--;) { if (popovers[i] === target) return target; }
|
|
}
|
|
};
|
|
|
|
var onPopoverHidden = function () {
|
|
popover.style.display = 'none';
|
|
popover.removeEventListener('webkitTransitionEnd', onPopoverHidden);
|
|
}
|
|
|
|
var backdrop = function () {
|
|
var element = document.createElement('div');
|
|
|
|
element.classList.add('backdrop');
|
|
|
|
element.addEventListener('touchend', function () {
|
|
popover.addEventListener('webkitTransitionEnd', onPopoverHidden);
|
|
popover.classList.remove('visible');
|
|
popover.parentNode.removeChild(backdrop);
|
|
});
|
|
|
|
return element;
|
|
}();
|
|
|
|
var getPopover = function (e) {
|
|
var anchor = findPopovers(e.target);
|
|
|
|
if (!anchor || !anchor.hash || (anchor.hash.indexOf("/") > 0)) return;
|
|
|
|
try {
|
|
popover = document.querySelector(anchor.hash);
|
|
}
|
|
catch (error) {
|
|
popover = null;
|
|
}
|
|
|
|
if (popover == null) return;
|
|
|
|
if (!popover || !popover.classList.contains('popover')) return;
|
|
|
|
return popover;
|
|
}
|
|
|
|
var showHidePopover = function (e) {
|
|
var popover = getPopover(e);
|
|
|
|
if (!popover) return;
|
|
|
|
popover.style.display = 'block';
|
|
popover.offsetHeight;
|
|
popover.classList.add('visible');
|
|
|
|
popover.parentNode.appendChild(backdrop);
|
|
};
|
|
|
|
window.addEventListener('touchend', showHidePopover);
|
|
window.addEventListener('click', showHidePopover);
|
|
|
|
}();
|