Switcher speichert keine Cookie

Hallo RT,

hab jetzt eine Seite gefunden, wo mir meine Funktion die ich wollte gefunden habe.

Dennoch stimmt, was nicht. Der Cookie wird nicht gespeichert.

Das Script:

// *** TO BE CUSTOMISED ***

var style_cookie_name = "style" ;
var style_cookie_duration = 30 ;
var style_domain = "thesitewizard.com" ;

// *** END OF CUSTOMISABLE SECTION ***
// You do not need to customise anything below this line

function switch_style ( css_title )
{
// You may use this script on your site free of charge provided
// you do not remove this notice or the URL below. Script from
// https://www.thesitewizard.com/javascripts/change-style-sheets.shtml
  var i, link_tag ;
  for (i = 0, link_tag = document.getElementsByTagName("link") ;
    i < link_tag.length ; i++ ) {
    if ((link_tag[i].rel.indexOf( "stylesheet" ) != -1) &&
      link_tag[i].title) {
      link_tag[i].disabled = true ;
      if (link_tag[i].title == css_title) {
        link_tag[i].disabled = false ;
      }
    }
    set_cookie( style_cookie_name, css_title,
      style_cookie_duration, style_domain );
  }
}
function set_style_from_cookie()
{
  var css_title = get_cookie( style_cookie_name );
  if (css_title.length) {
    switch_style( css_title );
  }
}
function set_cookie ( cookie_name, cookie_value,
    lifespan_in_days, valid_domain )
{
    // https://www.thesitewizard.com/javascripts/cookies.shtml
    var domain_string = valid_domain ?
                       ("; domain=" + valid_domain) : '' ;
    document.cookie = cookie_name +
                       "=" + encodeURIComponent( cookie_value ) +
                       "; max-age=" + 60 * 60 *
                       24 * lifespan_in_days +
                       "; path=/" + domain_string ;
}
function get_cookie ( cookie_name )
{
    // https://www.thesitewizard.com/javascripts/cookies.shtml
    var cookie_string = document.cookie ;
    if (cookie_string.length != 0) {
        var cookie_array = cookie_string.split( '; ' );
        for (i = 0 ; i < cookie_array.length ; i++) {
            cookie_value = cookie_array[i].match ( cookie_name + '=(.*)' );
            if (cookie_value != null) {
                return decodeURIComponent ( cookie_value[1] ) ;
            }
        }
    }
    return '' ;
}

Und ich wollte auch, wenn ich z.b. auf den Buttons klicke, wo mein Style verlinkt ist, dass der Button dann evtl einen border oderso kriegt, damit man weiß, dass gerade der helle Style aktiv ist oder der dunkle.

Hoffe ihr könnt mir helfen.

Mit freundlichen Grüßen

NoHand

Zitat von Lambert

Hi,

unter Zeile 20:

Code

link_tag[i].style.border = "none";

unter zeile 21 in dem if

Code

link_tag[i].style.border = "1px solid #000";

oder wie auch immer du den Border wollen würdest.

Hab den Code nun nicht ausprobiert aber sollte funktionieren.

LG

Alles anzeigen

Danke für den Tipp, aber mittlerweile hab ich einen neuen Switcher.

Aber der funktioniert leider nicht perfekt, aber fast.

Weißt du, wenn ich die Homepage neustarte, dann erscheint 1 Sekunde der light style und dann der ausgewählte (Dark-style), wie kann ich verhindern, dass es so passiert? Das sieht absolut kake aus. Wieso lädt nicht gleich der ausgewählte Style?

JS:

function setStyle(newstyle, oldstyle) {
    document.getElementsByTagName("body")[0].className = newstyle;
    window.localStorage.setItem("styletype", newstyle);
}

window.addEventListener("load", function() {
    // standard style
    var style = "lightskin";

    // style auslesen, wenn read = null, kein style vorhanden
    var read = window.localStorage.getItem("styletype");

    // style überschreiben falls nötig
    style = (!read || (style !== "lightskin" && style !== "darkskin")) ? style : read;

    // jetzt die class des bodys auslesn
    var currBodyClass = document.getElementsByTagName("body")[0].className;

    // sollten sich die standard-class von der gespeicherten unterscheiden wird die aktuelle überschrieben!
    if (currBodyClass !== style) {
        document.getElementsByTagName("body")[0].className = style;
    }

    // auf clicks reagieren
    var x = document.getElementsByClassName("switch-layer-ancor");

    for (var i=0; i < x.length; ++i) {
        x[i].addEventListener("click", function(e) {
            setStyle(e.srcElement.id, style);
        });
    }
});

Zitat von Lambert

Ersetze mal in Zeile 6 das "load" durch "DOMContentLoaded".

Kleiner Tipp: Versuche das zu verstehen und nicht einfach irgendwo was raus zu kopieren und dann hier zu fragen.

Google ist dein Freund.

LG

Ich versuche es zu verstehen, aber irgendwie bin ich dumm xDDDDDDDDDDDD.

#EDIT

Krass, weil man 1 Sache geändert hat geht es, wie ich wollte.

Wieso eig?

Zitat von Lambert

Nochmal, Google ist dein Freund.

Das load Ereignis wird ausgelöst, sobald eine Ressource und die von ihr abhängigen Ressourcen das Laden beendet haben.

Das DOMContentLoaded-Event wird ausgelöst, wenn das initiale HTML-Dokument vollständig geladen und geparst ist. Es wird dabei nicht auf Stylesheets, Bilder und Frames gewartet.

Danke.

Ich weiß hab auch gegooglet, aber wenn man alles nicht genau versteht, dann ist es schwieriger als, wenn man vieles versteht.

Zitat von Lambert

Es ist ja schön, dass du dich an der Webprogrammierung versuchst.

Aber dann versuche doch auch, dass was du da kopierst zu verstehen.

Ich meine, es wird doch alles beschrieben bis auf die Event Listener, dann Google doch mal was die sind etc.

Es ist doch recht logisch, wenn man den "load"-Listener googelt & man dann liest, dass der auf das Ende des ladens der Resourcen wartet das man was anderes braucht.

Naja das einzige was ich verstehe ist html und css. Ich weiß ist nicht schwierig, aber ja gebe mein bestes. Danke dir.

Zitat von Lambert

Syntax ist fast nie schwierig, diese nur richtig zusammen puzzeln ist schwierig.

Guck dir Tutorials an für einfache Dinge. nen Counter z.B.
dann wie du es machen kannst das der Counter beim Click der Leertaste hochzählt usw.

Eigentlich keine schlechte Idee. Klein und dann groß, indem fall.

Zitat von aaaa+

wenn du selbst der meinung bist, das du so "dumm" bist, dann lass es einfach komplett. dich selbst so runter zu reduzieren ist einfach nur traurig.

Das ist eine Umgangssprache natürlich mein ich nicht damit, dass ich dumm bin XD