test

ADF/index.html

@@ -50,89 +50,110 @@
       <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-slider-pips/1.11.4/jquery-ui-slider-pips.min.js"></script>
       <script>
-                  $(function() {
+$(function() {
-             var slider = $("#slider");
+    var slider = $("#slider");
 
-             slider.slider({
+    slider.slider({
-                 range: "max",
+        range: "max",
-                 min: 1,
+        min: 1,
-                 max: 6,
+        max: 6,
-                 value: 3,
+        value: 3,
-                 slide: function(event, ui) {
+        slide: function(event, ui) {
-                     $("#text_ad").text(getText(ui.value));
+            $("#text_ad").text(getText(ui.value));
-                     $("#amount").text(ui.value);
+            $("#amount").text(ui.value);
-                     localStorage.setItem("sliderValue", ui.value.toString());
+            localStorage.setItem("sliderValue", ui.value.toString());
-                     updateFace(ui.value);
+            updateFace(ui.value);
-                 }
+            saveDataToServer(ui.value);
-             });
+        }
+    });
 
-             var savedValue = localStorage.getItem("sliderValue");
+    function saveDataToServer(value) {
-             if (savedValue) {
+        // Data k odeslání na server
-                 slider.slider("value", parseInt(savedValue));
+        var dataToSave = {
-                 $("#text_ad").text(getText(savedValue));
+            sliderValue: value,
-                 $("#amount").text(savedValue);
+        };
-             }
 
-             // Manuální spuštění funkce updateFace při načítání stránky
+        $.ajax({
-             updateFace(slider.slider("value"));
+            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);
+            }
+        });
+    }
 
-             slider.slider('pips', {
+    var savedValue = localStorage.getItem("sliderValue");
-                 first: 'pip',
+    if (savedValue) {
-                 last: 'pip',
+        slider.slider("value", parseInt(savedValue));
-             });
+        $("#text_ad").text(getText(savedValue));
+        $("#amount").text(savedValue);
+    }
 
-             function updateFace(value) {
+    // Manuální spuštění funkce updateFace při načítání stránky
-                 var face = $(".face-wrapper").children();
+    updateFace(slider.slider("value"));
 
-                 switch (value) {
+    slider.slider('pips', {
-                     case 1:
+        first: 'pip',
-                         removeClass();
+        last: 'pip',
-                         $(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() {
+    function updateFace(value) {
-                 $(".face-wrapper").children().removeClass("case1 case2 case3 case4 case5 case6");
+        var face = $(".face-wrapper").children();
-             }
 
-             function getText(value) {
+        switch (value) {
-                 switch (parseInt(value)) {
+            case 1:
-                     case 1:
+                removeClass();
-                         return "1 test";
+                $(face).addClass("case1");
-                     case 2:
+                break;
-                         return "2 test";
+            case 2:
-                     case 3:
+                removeClass();
-                         return "3 test";
+                $(face).addClass("case2");
-                     case 4:
+                break;
-                         return "4 test";
+            case 3:
-                     case 5:
+                removeClass();
-                         return "5 test";
+                $(face).addClass("case3");
-                     case 6:
+                break;
-                         return "6 test";
+            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";
+        }
+    }
+});
       </script>
    </body>
 </html>