diff options
Diffstat (limited to 'js/cctv-control.js')
| -rw-r--r-- | js/cctv-control.js | 25 |
1 files changed, 23 insertions, 2 deletions
diff --git a/js/cctv-control.js b/js/cctv-control.js index c0c7bbd..c0318a0 100644 --- a/js/cctv-control.js +++ b/js/cctv-control.js @@ -30,10 +30,13 @@ function initReady(fn) { //change currently displayed camera to the one in cam variable function changeCam() { + + document.getElementById('form').style.visibility = "hidden"; + var display = document.getElementById('screen'); if (cam <= 7 && cam >= 0) { camDisplay = cam + 1; - display.innerHTML = '<p class="camnumber">' + camDisplay + '</p>'; + display.innerHTML = '<p class="camNumber">' + camDisplay + '</p>'; display.innerHTML += '<img id="camImage" src="http://' + camHost + '/cam/' + cam + '/stream.mjpeg" />'; } else { @@ -86,12 +89,31 @@ function saveImage() { }; fileReader.readAsDataURL(blob); + showImage(); } }, false); xhr.send(); } +function showImage() { + + //load snapshot from localstorage an display in background + var display1 = document.getElementById("camImage"), + display2 = document.getElementById("formImage"), + stor = localStorage.getItem("snapShot"); + + if (stor) { + display1.setAttribute("src", stor); + display2.setAttribute("src", stor); + } + + //make form visible + document.getElementById("form").style.visibility = 'visible'; +} + + + function keyDown(event) { switch(event.keyCode) { @@ -141,7 +163,6 @@ function keyDown(event) { break; case 13: //enter saveImage(); - window.location = "http://127.0.0.1/form.html"; break; } } |