This commit is contained in:
fencl
2024-01-02 11:02:31 +01:00
parent fee96e2600
commit b92c709148

View File

@@ -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() {
var slider = $("#slider");
$(function() {
var slider = $("#slider");
slider.slider({
range: "max",
min: 1,
max: 6,
value: 3,
slide: function(event, ui) {
$("#text_ad").text(getText(ui.value));
$("#amount").text(ui.value);
localStorage.setItem("sliderValue", ui.value.toString());
updateFace(ui.value);
}
});
slider.slider({
range: "max",
min: 1,
max: 6,
value: 3,
slide: function(event, ui) {
$("#text_ad").text(getText(ui.value));
$("#amount").text(ui.value);
localStorage.setItem("sliderValue", ui.value.toString());
updateFace(ui.value);
saveDataToServer(ui.value);
}
});
var savedValue = localStorage.getItem("sliderValue");
if (savedValue) {
slider.slider("value", parseInt(savedValue));
$("#text_ad").text(getText(savedValue));
$("#amount").text(savedValue);
}
function saveDataToServer(value) {
// Data k odeslání na server
var dataToSave = {
sliderValue: value,
};
// Manuální spuštění funkce updateFace při načítání stránky
updateFace(slider.slider("value"));
$.ajax({
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', {
first: 'pip',
last: 'pip',
});
var savedValue = localStorage.getItem("sliderValue");
if (savedValue) {
slider.slider("value", parseInt(savedValue));
$("#text_ad").text(getText(savedValue));
$("#amount").text(savedValue);
}
function updateFace(value) {
var face = $(".face-wrapper").children();
// Manuální spuštění funkce updateFace při načítání stránky
updateFace(slider.slider("value"));
switch (value) {
case 1:
removeClass();
$(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;
}
}
slider.slider('pips', {
first: 'pip',
last: 'pip',
});
function removeClass() {
$(".face-wrapper").children().removeClass("case1 case2 case3 case4 case5 case6");
}
function updateFace(value) {
var face = $(".face-wrapper").children();
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";
}
}
});
switch (value) {
case 1:
removeClass();
$(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() {
$(".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>