test

adf/index.html

@@ -53,29 +53,51 @@
 $(function() {
     var slider = $("#slider");
 
+    // Při načítání stránky provedeme AJAX požadavek na server
+    $.ajax({
+        type: "GET",
+        url: "saveData.php", // Název skriptu na serveru pro načítání dat
+        success: function(response) {
+            // Získáme hodnotu slideru ze serverových dat
+            var savedValue = response.sliderValue;
+
+            // Nastavíme hodnotu slideru
+            slider.slider("value", parseInt(savedValue));
+
+            // Aktualizujeme text a obličej podle načtené hodnoty
+            $("#text_ad").text(getText(savedValue));
+            $("#amount").text(savedValue);
+            updateFace(savedValue);
+        },
+        error: function(error) {
+            console.error(error);
+        }
+    });
+
+    // Nastavení posuvníku
     slider.slider({
         range: "max",
         min: 1,
         max: 6,
         value: 3,
         slide: function(event, ui) {
+            // Při změně slideru aktualizujeme text, obličej a ukládáme hodnotu na server
             $("#text_ad").text(getText(ui.value));
             $("#amount").text(ui.value);
             saveDataToServer(ui.value);
-            localStorage.setItem("sliderValue", ui.value.toString());
             updateFace(ui.value);
         }
     });
 
+    // Funkce pro ukládání dat na server
     function saveDataToServer(value) {
-        // Data k odeslání na server
         var dataToSave = {
             sliderValue: value,
         };
 
         $.ajax({
             type: "POST",
-            url: "saveData.php", // Název skriptu na serveru
+            url: "saveData.php",
             contentType: "application/json",
             data: JSON.stringify(dataToSave),
             success: function(response) {
@@ -87,24 +109,18 @@ $(function() {
         });
     }
 
-    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"));
 
+    // Nastavení pips pro slider
     slider.slider('pips', {
         first: 'pip',
         last: 'pip',
     });
 
+    // Funkce pro aktualizaci obličeje
     function updateFace(value) {
         var face = $(".face-wrapper").children();
-        saveDataToServer(value);
         switch (value) {
             case 1:
                 removeClass();
@@ -133,10 +149,12 @@ $(function() {
         }
     }
 
+    // Funkce pro odstranění tříd
     function removeClass() {
         $(".face-wrapper").children().removeClass("case1 case2 case3 case4 case5 case6");
     }
 
+    // Funkce pro získání textu podle hodnoty
     function getText(value) {
         switch (parseInt(value)) {
             case 1:
@@ -154,6 +172,7 @@ $(function() {
         }
     }
 });
+
       </script>
    </body>
 </html>