Tag / Nacht Modus!

    Hey,
    ich hab neu hier im Forum und hoffe , dass ihr mir helfen könnt!
    Ich wollte auf meiner eigenen Seite, so ein kleinen Tag / Nacht Modus einbauen.
    Ein einfacher Button der aussieht wie zB. ein Mond!
    Wenn man diesen drückt, soll sich die Farbe der Seite in ein dunklen Ton ändern, wenn es die Sonne ist, dann halt in ein weißen Ton!
    Ich weiß nocht nicht ganz, wie ich das anstellen soll!
    Sollte der Button einfach zu website.com/index2.php weitergeleitet werden und dieses Verzeichnis in dann im css bereich mit core2.css verbunden?
    Dann kann ich dort doch einfach die Farben ändern?
    Bin noch recht neu und wollte fragen ob das so ca. funktionieren sollte und / oder ob es einen einfacheren Weg gibt!


    -Danke im Vorraus!

    Du willst also beim Klick auf den Mond / die Sonne einfach nur die Hintergrundfarbe ändern?
    Das kannst du mit Javascript machen.


    Ich weiss ja nicht, ob du einen Hintergrund im Body meinst, oder einen Bereich in nem div oder so.
    Sagen wir mal du hast ein DIV mit der id "back" (nur so als Beispiel), dann kannst du z.B. so

    JavaScript
    function deine_function()
{
 	document.getElementById('back').style.backgroundColor = "deine Farbe";
}


    die Hintergrundfarbe verändern. Den Auslöser erstellst du dann mit addEventListener, einer OnClick-Funktion oder

    HTML
    <img src="..." onclick="deine_funktion()">


    Um die entsprechende Farbe zu setzen, kannst du deiner Funktion einfach noch einen Parameter anhängen und innerhalb der Funktion dann anhand diesem die entsprechende Farbe setzen.



    Vielleicht habe ich dich auch etwas falsch verstanden. Dann einfach sagen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden