06.07.2022, 13:22
Guten Tag
Ich habe folgendes Problem,
Auf unserer Firma Webseite funktioniert der Darkmode nicht richtig bzw er lässt sich einfach nicht mehr toggln (Ist Fest auf ON gestellt)
Da ich relativ frisch in die Abteilung gerutscht bin, bin ich natürlich noch etwas unerfahren.
Ich verstehe den Code etwas und suche im Moment nach dem Fehler kann ihn aber nicht richtig finden.
Anbei der Code wo ich denke das der Fehler eventuell versteckt ist.
Vielleicht fällt euch ja direkt was auf.
MFG
Dark Mode
<input
id="mode_spc"
type="checkbox"
checked
disabled
data-toggle="toggle"
data-style="ios"
data-onstyle="warning"
data-offstyle="primary"
/>
localStorage.setItem("Messung_mode_spc", true);
$("#mode_spc").prop(
"checked",
JSON.parse(localStorage.getItem("Messung_mode_spc"))
);
$(document).ready(function () {
if ($("#mode_spc").prop("checked") == true) {
//alert("Checkbox is checked.");
dark();
} else if ($("#mode_spc").prop("checked") == false) {
//alert("Checkbox is unchecked.");
hell();
}
$("#mode_spc").change(function () {
if ($(this).prop("checked") == true) {
//alert("Checkbox is checked.");
localStorage.setItem("Messung_mode_spc", true);
location.reload();
dark();
} else if ($(this).prop("checked") == false) {
//alert("Checkbox is unchecked.");
localStorage.setItem("Messung_mode_spc", false);
location.reload();
hell();
}
});
});
var Hintergrundfarbe;
function dark() {
//standard = Highcharts.getOptions();
$(".merker-bg-dark").addClass("bg-dark");
$(".merker-bg-warning").addClass("bg-warning");
$(".merker-text-warning").addClass("text-warning");
$(".merker-border-warning").addClass("border-warning");
$(".merker-text-light").addClass("text-light");
$(".merker-bg-secondary").addClass("bg-secondary");
$(".merker-table-dark").addClass("table-dark");
$(".merker-border-warning").addClass("border-warning");
//$(".merker-border-warning").removeClass("border-primary");
$(".merker-table-secondary").removeClass("table-secondary");
$(".merker-hell-bg-warning").removeClass("bg-warning");
Highcharts.setOptions(thema);
$(".ui-dialog").addClass("bg-warning");
Hintergrundfarbe = "";
}
function hell() {
$(".merker-bg-dark").removeClass("bg-dark");
$(".merker-bg-warning").removeClass("bg-warning");
$(".merker-text-warning").removeClass("text-warning");
$(".merker-border-warning").removeClass("border-warning");
$(".merker-text-light").removeClass("text-light");
$(".merker-bg-secondary").removeClass("bg-secondary");
$(".merker-table-dark").removeClass("table-dark");
$(".merker-table-secondary").addClass("table-secondary");
$(".merker-hell-bg-warning").addClass("bg-warning");
$(".merker-border-warning").removeClass("border-warning");
//$(".merker-border-warning").addClass("border-primary");
Highcharts.setOptions(standard);
Hintergrundfarbe = "#FAFAFA";
}
Ich habe folgendes Problem,
Auf unserer Firma Webseite funktioniert der Darkmode nicht richtig bzw er lässt sich einfach nicht mehr toggln (Ist Fest auf ON gestellt)
Da ich relativ frisch in die Abteilung gerutscht bin, bin ich natürlich noch etwas unerfahren.
Ich verstehe den Code etwas und suche im Moment nach dem Fehler kann ihn aber nicht richtig finden.
Anbei der Code wo ich denke das der Fehler eventuell versteckt ist.
Vielleicht fällt euch ja direkt was auf.
MFG
Dark Mode
<input
id="mode_spc"
type="checkbox"
checked
disabled
data-toggle="toggle"
data-style="ios"
data-onstyle="warning"
data-offstyle="primary"
/>
localStorage.setItem("Messung_mode_spc", true);
$("#mode_spc").prop(
"checked",
JSON.parse(localStorage.getItem("Messung_mode_spc"))
);
$(document).ready(function () {
if ($("#mode_spc").prop("checked") == true) {
//alert("Checkbox is checked.");
dark();
} else if ($("#mode_spc").prop("checked") == false) {
//alert("Checkbox is unchecked.");
hell();
}
$("#mode_spc").change(function () {
if ($(this).prop("checked") == true) {
//alert("Checkbox is checked.");
localStorage.setItem("Messung_mode_spc", true);
location.reload();
dark();
} else if ($(this).prop("checked") == false) {
//alert("Checkbox is unchecked.");
localStorage.setItem("Messung_mode_spc", false);
location.reload();
hell();
}
});
});
var Hintergrundfarbe;
function dark() {
//standard = Highcharts.getOptions();
$(".merker-bg-dark").addClass("bg-dark");
$(".merker-bg-warning").addClass("bg-warning");
$(".merker-text-warning").addClass("text-warning");
$(".merker-border-warning").addClass("border-warning");
$(".merker-text-light").addClass("text-light");
$(".merker-bg-secondary").addClass("bg-secondary");
$(".merker-table-dark").addClass("table-dark");
$(".merker-border-warning").addClass("border-warning");
//$(".merker-border-warning").removeClass("border-primary");
$(".merker-table-secondary").removeClass("table-secondary");
$(".merker-hell-bg-warning").removeClass("bg-warning");
Highcharts.setOptions(thema);
$(".ui-dialog").addClass("bg-warning");
Hintergrundfarbe = "";
}
function hell() {
$(".merker-bg-dark").removeClass("bg-dark");
$(".merker-bg-warning").removeClass("bg-warning");
$(".merker-text-warning").removeClass("text-warning");
$(".merker-border-warning").removeClass("border-warning");
$(".merker-text-light").removeClass("text-light");
$(".merker-bg-secondary").removeClass("bg-secondary");
$(".merker-table-dark").removeClass("table-dark");
$(".merker-table-secondary").addClass("table-secondary");
$(".merker-hell-bg-warning").addClass("bg-warning");
$(".merker-border-warning").removeClass("border-warning");
//$(".merker-border-warning").addClass("border-primary");
Highcharts.setOptions(standard);
Hintergrundfarbe = "#FAFAFA";
}