test

ADF/saveData.php

@@ -0,0 +1,12 @@
+<?php
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $data = json_decode(file_get_contents('php://input'), true);
+
+    // Uložte hodnotu obličeje (a další data) na serveru
+    file_put_contents('data.json', json_encode($data));
+    
+    echo json_encode(['success' => true]);
+} else {
+    echo json_encode(['error' => 'Invalid request method']);
+}
+?>

ADF/scripts/script.js

@@ -11,9 +11,30 @@ $(function() {
             $("#amount").text(ui.value);
             localStorage.setItem("sliderValue", ui.value.toString());
             updateFace(ui.value);
+            saveDataToServer(ui.value);
         }
     });
 
+    function saveDataToServer(value) {
+        // Data k odeslání na server
+        var dataToSave = {
+            sliderValue: value,
+        };
+
+        $.ajax({
+            type: "POST",
+            url: "saveData.php", // Název skriptu na serveru
+            contentType: "application/json",
+            data: JSON.stringify(dataToSave),
+            success: function(response) {
+                console.log(response);
+            },
+            error: function(error) {
+                console.error(error);
+            }
+        });
+    }
+
     var savedValue = localStorage.getItem("sliderValue");
     if (savedValue) {
         slider.slider("value", parseInt(savedValue));

ADF/scripts/ss

@@ -0,0 +1,83 @@
+$(function() {
+    var slider = $("#slider");
+
+    slider.slider({
+        range: "max",
+        min: 1,
+        max: 6,
+        value: 3,
+        slide: function(event, ui) {
+            $("#text_ad").text(getText(ui.value));
+            $("#amount").text(ui.value);
+            localStorage.setItem("sliderValue", ui.value.toString());
+            updateFace(ui.value);
+        }
+    });
+
+    var savedValue = localStorage.getItem("sliderValue");
+    if (savedValue) {
+        slider.slider("value", parseInt(savedValue));
+        $("#text_ad").text(getText(savedValue));
+        $("#amount").text(savedValue);
+    }
+
+    // Manuální spuštění funkce updateFace při načítání stránky
+    updateFace(slider.slider("value"));
+
+    slider.slider('pips', {
+        first: 'pip',
+        last: 'pip',
+    });
+
+    function updateFace(value) {
+        var face = $(".face-wrapper").children();
+
+        switch (value) {
+            case 1:
+                removeClass();
+                $(face).addClass("case1");
+                break;
+            case 2:
+                removeClass();
+                $(face).addClass("case2");
+                break;
+            case 3:
+                removeClass();
+                $(face).addClass("case3");
+                break;
+            case 4:
+                removeClass();
+                $(face).addClass("case4");
+                break;
+            case 5:
+                removeClass();
+                $(face).addClass("case5");
+                break;
+            case 6:
+                removeClass();
+                $(face).addClass("case6");
+                break;
+        }
+    }
+
+    function removeClass() {
+        $(".face-wrapper").children().removeClass("case1 case2 case3 case4 case5 case6");
+    }
+
+    function getText(value) {
+        switch (parseInt(value)) {
+            case 1:
+                return "1 test";
+            case 2:
+                return "2 test";
+            case 3:
+                return "3 test";
+            case 4:
+                return "4 test";
+            case 5:
+                return "5 test";
+            case 6:
+                return "6 test";
+        }
+    }
+});