test

ADF/index.html

@@ -61,32 +61,11 @@ $(function() {
         slide: function(event, ui) {
             $("#text_ad").text(getText(ui.value));
             $("#amount").text(ui.value);
-            saveDataToServer(ui.value);
-            //localStorage.setItem("sliderValue", ui.value.toString());
+            localStorage.setItem("sliderValue", ui.value.toString());
             updateFace(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.info(response);
-            },
-            error: function(error) {
-                console.error(error);
-            }
-        });
-    }
-
     var savedValue = localStorage.getItem("sliderValue");
     if (savedValue) {
         slider.slider("value", parseInt(savedValue));
@@ -103,6 +82,7 @@ $(function() {
     });
 
     function updateFace(value) {
+       saveSliderValue(value);
         var face = $(".face-wrapper").children();
 
         switch (value) {
@@ -133,6 +113,22 @@ $(function() {
         }
     }
 
+    function saveSliderValue(value) {
+        // Odeslat aktuální hodnotu posuvníku na server
+        $.ajax({
+            type: "POST",
+            url: "saveData.php",
+            data: JSON.stringify({ sliderValue: value }),
+            contentType: "application/json; charset=utf-8",
+            success: function(response) {
+                console.log("Slider value saved successfully!");
+            },
+            error: function(error) {
+                console.error("Error saving slider value:", error);
+            }
+        });
+    }
+
     function removeClass() {
         $(".face-wrapper").children().removeClass("case1 case2 case3 case4 case5 case6");
     }