diff --git a/adf/index.html b/adf/index.html
index c4840cc..68b8046 100644
--- a/adf/index.html
+++ b/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());
+ saveDataToServer(ui.value);
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() {
}
}
});
+