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() { } } }); + \ No newline at end of file