You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.6 KiB
51 lines
1.6 KiB
// Get the modal
|
|
var modal = document.getElementById("optionsModal");
|
|
|
|
// Get the button that opens the modal
|
|
var btn = document.getElementById("btn_options");
|
|
|
|
// Get the <span> element that closes the modal
|
|
var span = document.getElementsByClassName("close")[0];
|
|
|
|
// When the user clicks the button, open the modal
|
|
btn.onclick = function() {
|
|
modal.style.display = "block";
|
|
}
|
|
|
|
// When the user clicks on <span> (x), close the modal
|
|
span.onclick = function() {
|
|
modal.style.display = "none";
|
|
}
|
|
|
|
// When the user clicks anywhere outside of the modal, close it
|
|
window.onclick = function(event) {
|
|
if (event.target == modal) {
|
|
modal.style.display = "none";
|
|
}
|
|
}
|
|
|
|
var slider = document.getElementById("range_dots");
|
|
var output = document.getElementById("dotsNumber");
|
|
output.innerHTML = slider.value;
|
|
|
|
slider.oninput = function() {
|
|
output.innerHTML = this.value;
|
|
}
|
|
|
|
function saveOptions() {
|
|
setCookie("dotsAmount",document.getElementById("range_dots").value,30);
|
|
setCookie("displayMode",document.getElementById("displays").value,30);
|
|
setCookie("pause",(document.getElementById("no_pause").checked ? 0 : 1),30);
|
|
}
|
|
|
|
//initialisation des valeurs des préférences
|
|
|
|
if(getCookie("pause")!=1)
|
|
document.getElementById("no_pause").checked=true;
|
|
else
|
|
document.getElementById("yes_pause").checked=true;
|
|
|
|
document.getElementById((getCookie("displayMode")!="" ? getCookie("displayMode")+"_disp" : "gems_disp")).selected=true;
|
|
|
|
document.getElementById("range_dots").value= (getCookie("dotsAmount")!="" ? getCookie("dotsAmount") : 4);
|
|
output.innerHTML = (getCookie("dotsAmount")!="" ? getCookie("dotsAmount") : 4); |