From 9b9c707efa0c34d36a93b79c12a63311d5463926 Mon Sep 17 00:00:00 2001 From: Sander Roosendaal Date: Wed, 4 Dec 2019 07:34:10 +0100 Subject: [PATCH] working on counter --- rowers/templates/embedded_video.html | 50 ++++++++++++++++++++++++++++ templates/newbase.html | 32 +++++++++--------- 2 files changed, 66 insertions(+), 16 deletions(-) diff --git a/rowers/templates/embedded_video.html b/rowers/templates/embedded_video.html index 5291edcd..b8bd7814 100644 --- a/rowers/templates/embedded_video.html +++ b/rowers/templates/embedded_video.html @@ -99,6 +99,8 @@ +
+
  • @@ -304,6 +306,7 @@ $(document).ready( function() { // lock var lock = document.getElementById("lock"); + // lock.onchange nog doen var output = document.getElementById("id_delay"); {% if locked %} lock.checked = true; @@ -468,7 +471,54 @@ } else { output.disabled = false; } +} +// Slider start stop +// moet de buttons pas hieronder definieren en dan in de html +// pluggen +var timer; + +function clock() { + timer = setInterval(myClock, 1000); + var c = parseInt(slider.value,10); + console.log('starting clock'); + + function myClock() { + document.getElementById("datatime").innerHTML = c; + c = c+1; + slider.value = c; + + // update data fields + + if (lock.checked) { + player.seekTo(c+parseInt(output.value)); + } + if (c == latitude.length) { + clearInterval(timer); + c = 0; + } } +} + +// onderstaande alleen als lock.checked +var dataplay = document.createElement("input"); +dataplay.type = "button"; +dataplay.value = "Play"; +document.getElementById("dataplay").appendChild(dataplay); + +var datastop = document.createElement("input"); +datastop.type = "button"; +datastop.value = "Stop"; +document.getElementById("datastop").appendChild(datastop) + +dataplay.onclick = function() { + clock(); +} + +datastop.onclick = function() { + console.log('stopping'); + clearInterval(timer); +} + }); diff --git a/templates/newbase.html b/templates/newbase.html index 27875ee8..97ec84b8 100644 --- a/templates/newbase.html +++ b/templates/newbase.html @@ -64,7 +64,7 @@ if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; - js.async=true; + js.async=true; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); @@ -72,7 +72,7 @@ t.ready = function(f) { t._e.push(f); }; - + return t; }(document, "script", "twitter-wjs")); @@ -94,9 +94,9 @@ window.addEventListener('DOMContentLoaded', function() { $(document).ready(function(){ var accordionsMenu = $('.cd-accordion-menu'); - + if( accordionsMenu.length > 0 ) { - + accordionsMenu.each(function(){ var accordion = $(this); //detect change in the input[type="checkbox"] value @@ -121,7 +121,7 @@ {% analytical_head_bottom %} - +
    @@ -184,10 +184,10 @@   - +