summaryrefslogtreecommitdiffstats
path: root/assets/js
diff options
context:
space:
mode:
Diffstat (limited to 'assets/js')
-rw-r--r--assets/js/modal.js26
1 files changed, 26 insertions, 0 deletions
diff --git a/assets/js/modal.js b/assets/js/modal.js
new file mode 100644
index 0000000..2cae945
--- /dev/null
+++ b/assets/js/modal.js
@@ -0,0 +1,26 @@
+var modals = document.querySelectorAll("[data-modal]");
+var modalToogles = document.querySelectorAll("[data-toogle=modal]");
+
+
+[...modals].forEach(modal => {
+ var closeBtns = modal.getElementsByClassName("close");
+ [...closeBtns].forEach(closeBtn => {
+ closeBtn.addEventListener("click", (event) => {
+ modal.style.display = "none";
+ });
+ })
+});
+
+[...modalToogles].forEach(toogle => {
+ toogle.addEventListener("click", (event) => {
+ var modal = document.querySelector(toogle.getAttribute('data-target'));
+ modal.style.display = "block";
+ });
+});
+
+window.addEventListener("click", function(event) {
+ if ([...modals].includes(event.target)) {
+ event.target.style.display = "none";
+ }
+});
+