Data Collection test page

Time:

n = new Date(); y = n.getFullYear(); m = n.getMonth() + 1; d = n.getDate(); document.getElementById("date").innerHTML = m + "/" + d + "/" + y; var dt = new Date(); document.getElementById("datetime").innerHTML = dt.toLocaleTimeString();

Overflow Area:

Yosemite Learning Lab:

Media X:

CUBE:

Sierra Learning Lab:

Living Room:

Computer Stations:

Learning Commons:

HUB:

Reading Commons:

Pods:

// Get the modal var modal = document.getElementById("myModal"); // Get the image and insert it inside the modal - use its "alt" text as a caption var img = document.getElementById("myImgOverflow"); var modalImg = document.getElementById("imgOverflow"); var captionText = document.getElementById("caption"); img.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img2 = document.getElementById("myImgYosemite"); var modalImg2 = document.getElementById("imgYosemite"); var captionText2 = document.getElementById("caption"); img2.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img3 = document.getElementById("myImgMediaX"); var modalImg3 = document.getElementById("imgMediaX"); var captionText3 = document.getElementById("caption"); img3.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img4 = document.getElementById("myImgCube"); var modalImg4 = document.getElementById("imgCube"); var captionText4 = document.getElementById("caption"); img4.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img5 = document.getElementById("myImgSierra"); var modalImg5 = document.getElementById("imgSierra"); var captionText5 = document.getElementById("caption"); img5.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img6 = document.getElementById("myImgLiving"); var modalImg6 = document.getElementById("imgLiving"); var captionText6 = document.getElementById("caption"); img6.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img7 = document.getElementById("myImgComputer"); var modalImg7 = document.getElementById("imgComputer"); var captionText7 = document.getElementById("caption"); img7.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img8 = document.getElementById("myImgLearning"); var modalImg8 = document.getElementById("imgLearning"); var captionText8 = document.getElementById("caption"); img8.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img9 = document.getElementById("myImgHub"); var modalImg9 = document.getElementById("imgHub"); var captionText9 = document.getElementById("caption"); img9.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img10 = document.getElementById("myImgReading"); var modalImg10 = document.getElementById("imgReading"); var captionText10 = document.getElementById("caption"); img10.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } var img11 = document.getElementById("myImgGarden"); var modalImg11 = document.getElementById("imgGarden"); var captionText11 = document.getElementById("caption"); img11.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } // Get the element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks on (x), close the modal span.onclick = function() { modal.style.display = "none"; } function incrementOverflow() { var value = parseInt(document.getElementById("Overflow").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Overflow").value = value; } function decrementOverflow() { var value = parseInt(document.getElementById("Overflow").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Overflow").value = value; } function incrementYosemite() { var value = parseInt(document.getElementById("Yosemite").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Yosemite").value = value; } function decrementYosemite() { var value = parseInt(document.getElementById("Yosemite").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Yosemite").value = value; } function incrementMediaX() { var value = parseInt(document.getElementById("MediaX").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("MediaX").value = value; } function decrementMediaX() { var value = parseInt(document.getElementById("MediaX").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("MediaX").value = value; } function incrementCube() { var value = parseInt(document.getElementById("Cube").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Cube").value = value; } function decrementCube() { var value = parseInt(document.getElementById("Cube").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Cube").value = value; } function incrementSierra() { var value = parseInt(document.getElementById("Sierra").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Sierra").value = value; } function decrementSierra() { var value = parseInt(document.getElementById("Sierra").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Sierra").value = value; } function incrementLiving() { var value = parseInt(document.getElementById("Living").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Living").value = value; } function decrementLiving() { var value = parseInt(document.getElementById("Living").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Living").value = value; } function incrementComputer() { var value = parseInt(document.getElementById("Computers").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Computers").value = value; } function decrementComputer() { var value = parseInt(document.getElementById("Computers").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Computers").value = value; } function incrementLearning() { var value = parseInt(document.getElementById("Learning").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Learning").value = value; } function decrementLearning() { var value = parseInt(document.getElementById("Learning").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Learning").value = value; } function incrementHub() { var value = parseInt(document.getElementById("Hub").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Hub").value = value; } function decrementHub() { var value = parseInt(document.getElementById("Hub").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Hub").value = value; } function incrementReading() { var value = parseInt(document.getElementById("Reading").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Reading").value = value; } function decrementReading() { var value = parseInt(document.getElementById("Reading").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Reading").value = value; } function incrementPods() { var value = parseInt(document.getElementById("Pods").value, 10); value = isNaN(value) ? 0 : value; value++; document.getElementById("Pods").value = value; } function decrementPods() { var value = parseInt(document.getElementById("Pods").value, 10); value = isNaN(value) ? 0 : value; value--; document.getElementById("Pods").value = value; }