From d9ef8a652594c782be0422184a8632588805db06 Mon Sep 17 00:00:00 2001 From: altaf-creator Date: Sun, 10 Dec 2023 09:14:47 +0700 Subject: Added store page for simpliCity, tank shooter not finished --- scripts/onload.js | 11 +++++++++-- scripts/scroll.js | 12 +++++++----- scripts/video.js | 16 ++++++++++++++++ 3 files changed, 32 insertions(+), 7 deletions(-) create mode 100644 scripts/video.js (limited to 'scripts') diff --git a/scripts/onload.js b/scripts/onload.js index 5c63f35..165f80d 100644 --- a/scripts/onload.js +++ b/scripts/onload.js @@ -3,6 +3,13 @@ function addNodes() { const container = document.getElementById("progressContainer"); for (var i = 0; i < collection.length; i++) { - container.innerHTML += "\n"; + var node = document.createElement("a"); + node.className = "node"; + container.appendChild(node); + if (collection.item(i).getAttribute('id') == null) { + collection.item(i).setAttribute('id', `section-${i}`); + } + node.setAttribute('id', `node-${i}`) + node.href = `#${collection.item(i).getAttribute('id')}` } -} \ No newline at end of file +} diff --git a/scripts/scroll.js b/scripts/scroll.js index b7a6fa0..6c20890 100644 --- a/scripts/scroll.js +++ b/scripts/scroll.js @@ -5,17 +5,19 @@ document.addEventListener('scroll', function () { function progress() { const sections = document.getElementsByTagName("section"); - const nodes = document.getElementsByTagName("nodes"); + const nodes = document.getElementsByClassName("node"); if (nodes[0]) { for (var i = 0; i < sections.length; i++) { if (isInViewport(sections[i])) { - nodes[i].style.width = "20px"; - nodes[i].style.height = "20px"; + nodes[i].style.width = "22px"; + nodes[i].style.height = "22px"; + nodes[i].style.backgroundColor = "black"; } else { - nodes[i].style.width = "10px"; - nodes[i].style.height = "10px"; + nodes[i].style.width = "13px"; + nodes[i].style.height = "13px"; + nodes[i].style.backgroundColor = "#555"; } } } diff --git a/scripts/video.js b/scripts/video.js new file mode 100644 index 0000000..e1d5948 --- /dev/null +++ b/scripts/video.js @@ -0,0 +1,16 @@ +function playVideo(elementId) { + var element = document.getElementById(elementId); + + element.style.visibility = "visible"; + element.style.opacity = "100%"; + element.play(); +} + +function stopVideo(elementId) { + var element = document.getElementById(elementId); + + element.style.visibility = "hidden"; + element.style.opacity = "0%"; + element.pause(); + element.currentTime = 0; +} -- cgit v1.2.3