[Wechselschalter] Problem mit dem Stylewechsel

Guten Abend

Ich habe mir gedacht, dass ich den Wechselstyleschalter einbauen werde und habe dies dann auch getan. Ich habe es nach der Anleitung für die 'Anfänger Methode' gemacht, nur nun klappt dies nicht, dabei finde ich auch beim drübergehen den Fehler nicht und auch bei dem Vergleich mit der Ausführung nicht.

Ich habe mir ein Testforum gemacht, mir dort einen neuen Style erstellt und ihn auf Hitskin hochgeladen. Nun habe ich ihn eingebaut.

Code:

var type = getCookie('Vorlage1');
var sugar = document.getElementById('sugar');
sugar.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Style auswählen </option><option value="wert1"> Schwarze Lügen </option><option value="wert2"> Graue Leidenschaft </option></select>';




if (type == 'wert1')
{
  document.write('<link rel="stylesheet" type="text/css" href="http://www.lostinlies.forumieren.com/index.htm">');
}
else if (type == 'wert2')
{
  document.write('<link rel="stylesheet" type="text/css" href="http://www.lostinlies.forumieren.com/171658-Itr.css">');
}


function changeskin(change) {
   var scheme = change;
   var name = 'Vorlage1';
   var pathname = location.pathname;
   //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
   var ExpDate = new Date ();
   ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
   setCookie(name,scheme,ExpDate,'/');
}
function getCookie(name){
   var cname = name + "=";
   var dc = document·cookie;
   if (dc.length > 0) {
      begin = dc.indexOf(cname);
      if (begin != -1) {
         begin += cname.length;
         end = dc.indexOf(";", begin);
         if (end == -1) end = dc.length;
         return unescape(dc.substring(begin, end));
      }
   }
   return null;

Dies ist der Inhalt meiner HTML Seite. Den Link zu meiner HTML Seite habe ich bei den Templates beim Allgemeinen auf der Startseite eingefügt.

Code:

<center><div id=sugar></div><script type=text/javascript src=http://lostinlies.forumieren.com/h1-wechselschalter.htm></script></center>

So habe ich ihn eingebaut, weil ich den Auswahlschalter nicht bei der Beschreibung des Forums dabei haben wollte. Ist hier irgendwo ein Fehler, den ich übersehen habe? Bei der Suche habe ich mich durchgeklickt, allerdings keine schlaue Antwort gefunden :/

Vielleicht kann mir jemand helfen,
liebste Grüße.
}
function setCookie(name, value, expires, path, domain, secure) {
document·cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}

Ich glaube dein Problem ist das du den Speicherort für den zweiten Style nicht richtig angegeben hast.
Die CSS Datei deines Forums ist:
http://lostinlies.forumieren.com/125-ltr.css
Für den zweiten Style hast du angegeben:
http://www.lostinlies.forumieren.com/171658-Itr.css
Ich gehe davon aus, das du aber das CSS von diesem Style meinst:
http://demo.nicetheme.com/forum?theme_id=171658
Bitte ersetze die Adresse zum CSS in deinem Script durch diese Adresse:
http://demo.nicetheme.com/171658-ltr.css
Dann muss es auf jeden Fall klappen.

Edit:
Ich sehe gerade, das was mit deiner HTML Seite nicht zu stimmen scheint.
Kannst du da bitte noch mal nachsehen?
wenn ich deine HTML Seite die das Script beinhalten soll, dann sehe ich das so:
http://lostinlies.forumieren.com/h1-wechselschalter.htm
das sieht nicht so gut aus.
Eigentlich muss die Seite so aussehen wenn man diese Aufruft:
http://frank2.forumieren.de/h3-style_auswahl

Danke Frank für deine Hilfe.

Nur leider scheint mir das doch ein wenig zu Hoch zu sein. Wenn ich es nun richtig verstanden habe, sollte ich es folgender Maßen nehmen?

Code:

else if (type == 'wert2')
{
  document.write('<link rel="stylesheet" type="text/css" href="http://demo.nicetheme.com/171658-ltr.css">');
}

Oder habe ich hierbei etwas missverstanden? Wenn ja, tut es mir ziemlich leid :/

Nein, es ist schon richtig so wie du es verstanden hast.
Was mich nur stört, ist deine Anzeige der HTML Seite mit deinem Script.
Klick mal bitte die Links in meinem Edit oben an.
Da scheint irgendwas nicht in Ordnung zu sein.

So wie es aussieht, scheint es ja jetzt doch zu klappen.
Dann vergiss das mit der HTML Seite und dem Script bitte.

Das sieht wirklich nicht gut aus :/ ein fehler im script kann es ja nun nicht mehr sein oder? den haben wir dank deiner hilfe ja nun beseitigt. nur der unterschied zwischen meiner seite und der deinen ist doch etwas .. groß Oo

vielleicht stimmt das ende nicht? aber ich habe da auch nichts verändert. nur da wo es verlangt wurde. ob es daran liegt, dass der wahlschalter im index_body eingebaut wurde?

edit:

nun jetzt wechseln bei mir zwar die farben, aber die bilder bleiben bei mir die gleichen wie im orginalstyle ?

Ja, das sich auch die Bilder ändern, das ist noch ein weiter Weg.
Das geht nur, wenn du in Beiden Styles diese Einstellungen in dein persönliches CSS einträgst.

Das bedeutet ich müsste es im Bereich der Farben bei dem CSS-Stylesheet eintragen? Gibt es hier am Forum denn eine Anleitung wie ich dies machen müsste oder ist es genau diese zweite Methode für die Fortgeschrittenen, die mir nicht sonderlich gelingt?

Es wird die Zweite Methode sein. Eine Anleitung gibt es nicht dafür.

Schade, nun ja dann werde ich es einfach einmal versuchen Dennoch danke ich dir für deine Hilfe