master
Max Lehmann 5 years ago
parent 80175badca
commit 62059d89f3

@ -19,8 +19,12 @@
xhttp.send(); xhttp.send();
</script> </script>
</head> </head>
<body>
<div id="popup" class="nav">
<p>This is a popup!</p>
<input id="popupclose">
</div>
<div class="header"> <div class="header">
<h1>We have a USB full of documents</h1> <h1>We have a USB full of documents</h1>
</div> </div>
@ -33,7 +37,6 @@
<button class="btn experiences" onclick="filterSelection('experiences')"> Experiences </button> <button class="btn experiences" onclick="filterSelection('experiences')"> Experiences </button>
</div> </div>
</nav> </nav>
<body>
<div class="intro" id="intro"> <div class="intro" id="intro">
@ -48,8 +51,7 @@
<input type="button" class="popup" value="Select All"name="popup" /> <input type="button" class="popup" value="Select All"name="popup" />
<div class="empty" id="empty"></div> <div class="empty" id="empty"></div>
<div class="booty">
<div class="container"> <div class="container">
<section> <section>
@ -3174,7 +3176,7 @@
</div> </div>
</section> </section>
</div>
<!--script src="masonry.js"--><!--</script>--> <!--script src="masonry.js"--><!--</script>-->
@ -3182,16 +3184,22 @@
<script> <script>
// BUTTONS // BUTTONS
var selectall = document.querySelector("input.selectall"), var selectall = document.querySelector("input.selectall"),
popup = document.querySelector("input.popup"); popup_button = document.querySelector("input.popup"),
popup = document.querySelector("#popup"),
popup_close_button = document.querySelector("#popupclose");
selectall.addEventListener("click", function (e) { selectall.addEventListener("click", function (e) {
var checkboxes = document.querySelectorAll("input[type=checkbox][name=print]"); var checkboxes = document.querySelectorAll("input[type=checkbox][name=print]");
for (var i=0; i<checkboxes.length; i++) { for (var i=0; i<checkboxes.length; i++) {
checkboxes[i].checked = true; checkboxes[i].checked = true;
} }
}); });
popup_close_button.addEventListener("click", function (e) {
popup.classList.remove("show");
});
function showpopup() { function showpopup() {
alert("I AM YOUR POPUP!"); // alert("I AM YOUR POPUP!");
} popup.classList.add("show");
};
popup.addEventListener("click", showpopup); popup.addEventListener("click", showpopup);
showpopup(); showpopup();

Loading…
Cancel
Save