fixed typo and added documentation
This commit is contained in:
parent
9f82373754
commit
e0f570083e
@ -47,11 +47,17 @@
|
|||||||
};
|
};
|
||||||
|
|
||||||
function setup() {
|
function setup() {
|
||||||
|
// every modal can be openend via document-wide event, see openOnEvent
|
||||||
document.addEventListener('modal-open', openOnEvent, false);
|
document.addEventListener('modal-open', openOnEvent, false);
|
||||||
|
// if modal has trigger assigned to it open modal on click
|
||||||
if (trigger) {
|
if (trigger) {
|
||||||
trigger.classList.add('modal__trigger');
|
trigger.classList.add('modal__trigger');
|
||||||
trigger.addEventListener('click', open, false);
|
trigger.addEventListener('click', open, false);
|
||||||
}
|
}
|
||||||
|
// if there is no content specified for the modal we assume that
|
||||||
|
// the content is supposed to be the page the trigger links to.
|
||||||
|
// so we check if the trigger has a href-attribute, fetch that page
|
||||||
|
// and replace the modal content with the response
|
||||||
var replaceMe = modal.querySelector('.replace-me');
|
var replaceMe = modal.querySelector('.replace-me');
|
||||||
var replaceWith = trigger ? trigger.getAttribute('href') : '';
|
var replaceWith = trigger ? trigger.getAttribute('href') : '';
|
||||||
if (replaceMe) {
|
if (replaceMe) {
|
||||||
@ -68,17 +74,18 @@
|
|||||||
replaceMe.innerText = '';
|
replaceMe.innerText = '';
|
||||||
replaceMe.insertBefore(main, null);
|
replaceMe.insertBefore(main, null);
|
||||||
} else {
|
} else {
|
||||||
replaceMe.innerhTML = body;
|
replaceMe.innerHTML = body;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// tell further modals, that this one already got initialized
|
||||||
modal.classList.add('js-modal-initialized');
|
modal.classList.add('js-modal-initialized');
|
||||||
}
|
}
|
||||||
setup();
|
setup();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// make sure document doesn't scroll when modal is active
|
||||||
function toggleScroll(scrollable) {
|
function toggleScroll(scrollable) {
|
||||||
document.body.classList.toggle('no-scroll', !scrollable);
|
document.body.classList.toggle('no-scroll', !scrollable);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user