1 files changed, 61 insertions, 0 deletions
diff --git a/Statics/Js/main.js b/Statics/Js/main.js
new file mode 100644
index 0000000..120bfb3
--- /dev/null
+++ b/Statics/Js/main.js
@@ -0,0 +1,61 @@
+// 
+// Site web utilisés pour JS:
+// https://www.w3schools.com/js/default.asp
+// https://stackoverflow.com/
+// 
+
+// Changement de langue
+document.getElementById("langSel").addEventListener("change", () => {
+    document.getElementById("langForm").submit();
+});
+
+// Redirection
+function redirect(page) {
+    window.location.href = `${page}.php`;
+}
+
+// Timer pour message
+function start_timer() {
+    // var -> global, let -> local{}
+    let seconds = 3;
+    let text = document.getElementById("redirect").innerHTML;
+    setInterval(() => {
+        if (seconds > 0) {
+            document.getElementById("redirect").innerHTML = `${text} ${seconds}.`;
+            seconds --;
+        } else {
+            document.getElementById("redirect").innerHTML = `${text} ${seconds}.`;
+            redirect("/index");
+        }
+    },
+    1000);
+}
+
+// Slideshow
+function start_slideshow() {
+    let imageNumber = 1;
+    let images = [
+        "/Medias/Images/slide0.jpg",
+        "/Medias/Images/slide1.jpg",
+        "/Medias/Images/slide2.jpg"
+    ];
+
+    setInterval(() => {
+        // Changement del'image de fond de de la div
+        document.getElementById("slideshow").style.backgroundImage = `url("${images[imageNumber]}")`;
+        // Untoggle les précedents
+        // Utilisation de ternary, utilisation: condition ? Sivrai : Sifaux
+        document.getElementById(`textSlide${imageNumber !== 0 ? imageNumber - 1 : images.length - 1}`).classList.toggle("show");
+        document.getElementById(`indicatorSlide${imageNumber !== 0 ? imageNumber - 1 : images.length - 1}`).classList.toggle("slideSelected");
+        // Toggle le nouveau texte & selecteur
+        document.getElementById(`textSlide${imageNumber}`).classList.toggle("show");
+        document.getElementById(`indicatorSlide${imageNumber}`).classList.toggle("slideSelected")
+        // +1 sauf si fin
+        if(imageNumber < images.length - 1) {
+            imageNumber++; 
+        } else {
+            imageNumber = 0;
+        }
+    }
+    ,5000); 
+}