curl

5 years ago · 62059d89f3
parent 80175badca
commit 62059d89f3
1 changed files with 16 additions and 8 deletions
--- a/index.html
+++ b/index.html
@ -19,8 +19,12 @@
 		xhttp.send();
 	</script>
 </head>
+<body>

-	
+<div id="popup" class="nav">
+<p>This is a popup!</p>
+<input id="popupclose">
+</div>
 		<div class="header">        
 			<h1>We have a USB full of documents</h1>
 		</div>
@ -33,7 +37,6 @@
 				<button class="btn experiences" onclick="filterSelection('experiences')"> Experiences </button>
 			</div>
 		</nav>
-<body>


 	<div class="intro" id="intro"> 
@ -48,8 +51,7 @@
 		<input type="button" class="popup" value="Select All"name="popup" />
 		<div class="empty" id="empty"></div>

-	
-	
+	<div class="booty">
 		<div class="container">
 			<section>
 			
@ -3174,7 +3176,7 @@
 		</div>
 		
 </section>
-
+</div>


 <!--script src="masonry.js"--><!--</script>-->
@ -3182,16 +3184,22 @@
                <script>
 // BUTTONS
 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) {
 	var checkboxes = document.querySelectorAll("input[type=checkbox][name=print]");
 	for (var i=0; i<checkboxes.length; i++) {
 	    checkboxes[i].checked = true;
 	}
 });
+popup_close_button.addEventListener("click", function (e) {
+    popup.classList.remove("show");
+});
 function showpopup() {
-    alert("I AM YOUR POPUP!");
-}
+    // alert("I AM YOUR POPUP!");
+    popup.classList.add("show");
+};
 popup.addEventListener("click", showpopup);
 showpopup();