This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

A cookie will be stored in your browser regardless of choice to prevent you being asked this question again. You will be able to change your cookie settings at any time using the link in the footer.

Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Darkmode lässt sich nicht togglen
#1
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"
                />


[font="Fira Code", Consolas, "Courier New", monospace, Consolas, "Courier New", monospace]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";
            }[/font]
Zitieren
#2
hast du mal ein Link um das live testen zu lönnen ?
Hier sind alle meine Lösungen aus allen Foren. Ich helfe auch in Facebook-chat
Als Lösung markieren Zitieren
#3
Ich sehe gerade das der checkbox html code das hat
checked
disabled

Das solltest du erstmal löschen
Hier sind alle meine Lösungen aus allen Foren. Ich helfe auch in Facebook-chat
Als Lösung markieren Zitieren
#4
Habe mal ein Mini Darkmodus gebaut , so in der Art würde ich es dann machen
Hier sind alle meine Lösungen aus allen Foren. Ich helfe auch in Facebook-chat
Als Lösung markieren Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste