Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

..mal 'ne ganz blöde frage dazu: gibt es bei Javascript wie bei PHP einen Ablauf von oben nach unten? (bin ein echter JS dummie:-) )
der Style-Link steht ja oberhalb der Funktion...

@wolf.andres: Äh ja, kleiner Fehler im Script... Es wurde kein Style gesetzt wenn kein Cookie vorhanden war. Anbei ist die geänderte Version.

Grüße Sabine

<script language="Javascript">
var a = new Date();
a = new Date(a.getTime() +1000*60*60*24*365);
var styles = new Array();
styles[0] = 'style.css';
styles[1] = '....';
var foundstyle = false;
if(document.cookie) {
  var c = document.cookie;
  while(true) {
    var i1 = c.indexOf('=');
    var i2 = c.indexOf(';');
    if(i2 < 0)
      i2 = c.length;
    var cookiename = c.substring(0, i1);
    var cookiewert = c.substring(i1+1, i2);
    var i3 = cookiename.lastIndexOf(' ');
    if(i3 > -1)
      cookiename = cookiename.substring(i3 + 1);
    if(cookiename == 'style') {
      try {
        var n = parseInt(cookiewert);
        document.write('<link id="style" type="text/css" rel="stylesheet" href="' + styles[n-1] + '">');
        foundstyle = true;
      }
      catch(err) {}
      break;
    }
    if(c.length > i2)
      c = c.substring(i2+1);
    else
      break;
  }
}
if(!foundstyle)
  document.write('<link id="style" type="text/css" rel="stylesheet" href="style.css">');

function change_style(n) {
  document.getElementById('style').href = styles[n-1];
  document.cookie = 'style=' + n + '; expires=' + a.toGMTString() + ';';
  return;
}
</script>
<noscript>
<link id="style" type="text/css" rel="stylesheet" href="style.css">
</noscript>

Sorry, das war eben ich.
Vor lauter 'Cookies löschen' beim Ausprobieren, war ich jetzt nicht mehr eingeloggt ;-)

Hallo Sabine99.
Du bist echt absolut 1A!!!
Du begeisterst mich immer wieder mit Deinen Ideen und Deiner Unterstützung!

Ich finde Dein Script einfach Klasse und wenn es 100%ig funktioniert, ist das auch gut für alle User, die sich dann nicht immer Fragen müssen warum wieder etwas nicht funktioniert.

Also nochmals Danke dafür.

Gruss
Wolf

In Antwort auf:

---

Hallo Sabine99,
habe Dein Super-Script in meinem Forum ausprobiert.

Es tritt ein merkwürdiger Effekt auf.

Wenn alle "Temporären Internetdateien" und alle "Cookies" gelöscht sind und das Forum abgemeldet ist, funktioniert kein "Design-Wechsel".
Hat man sich ersteinmal angemeldet, funktioniert alles tadellos!
Man kann sich wieder abmelden und es funktioniert dann ebenfalls!

Liegt hier ein Problem mit den Cookies vor?
Wann wird ein Cookie vom Forum gesetzt?
Wenn man sich anmeldet oder schon bei Aufruf der Forumseite?

Gruss
Wolf

---

Hallo wolf.andres!

Mein Beitrag kam dadurch zustande, dass andere auch diesen Fehler haben. Sonst wäre er mir vielleicht nicht einmal richtig aufgefallen. Hatte bisher nur bemerkt, dass das Skript im Internet Explorer nicht funktioniert. Habe nach dem Lesen dieser Beiträge mich mal im IE eingelogggt und siehe da, es ging auf einmal!

Habe jetzt nochmal getestet, wie sich die Browser verhalten:
Firefox: Styleswitcher immer benutzbar
Internet Explorer: Styleswitcher nur nach Login benutzbar
Opera: Styleswitcher nur nach Login benutzbar

Habe das Script mit Firefox kopiert, benutze eigentlich nie andere Browser, nur um Kompatibilität zu prüfen. Kontrolliere nun mal das Skript auf seine Richtigkeit.

Danke für die Antwort!

Zitat von sabine99

---

function change_style(n) {
document.getElementById('style').href = styles[n-1];

document.getElementById('heading').innerHTML = 'Style ' + n;

/* Cookie setzen */
document.cookie = 'style=' + n + '; expires=' + a.toGMTString() + ';';
return;
}

und später...:

<h1 id="heading">Style 1</h1>

---

In Antwort auf:

---

<!-- Styleswitcher Head Anfang -->

<script language="JavaScript" type="text/javascript">
var a = new Date();
a = new Date(a.getTime() +1000*60*60*24*365);
var styles = new Array();
styles[0] = 'http://server/style1.css';
styles[1] = 'http://server/style2.css';
styles[2] = 'http://server/style3.css';

var foundstyle = false;

if(document.cookie) {
var c = document.cookie;
var foundstyle = false;
/* Cookievariablen ermitteln */
while(true) {
var i1 = c.indexOf('=');
var i2 = c.indexOf(';');
/* Falls Semikolon am Ende fehlt */
if(i2 < 0)
i2 = c.length;
var cookiename = c.substring(0, i1);
var cookiewert = c.substring(i1+1, i2);
/* Leerzeichen vor Name entfernen */
var i3 = cookiename.lastIndexOf(' ');
if(i3 > -1)
cookiename = cookiename.substring(i3 + 1);
/* Style festlegen */
if(cookiename == 'style') {
try {
var n = parseInt(cookiewert);
document.write('<link id="style" type="text/css" rel="stylesheet" href="' + styles[n-1] + '">');
foundstyle = true;
}
catch(err) {}
break;
}
/* Nächstes Cookie oder aufhören */
if(c.length > i2)
c = c.substring(i2+1);
else
break;
}
}

/* Standardstyle im Falle von Fehler oder keinem gewählten Style */
if(!foundstyle) document.write('<link id="style" type="text/css" rel="stylesheet" href="http://server/style1.css">');

function change_style(n) {
document.getElementById('style').href = styles[n-1];
/* Cookie setzen */
document.cookie = 'style=' + n + '; expires=' + a.toGMTString() + ';';
return;
}
</script>

<noscript>
<!-- Standardstyle falls Scripts nicht aktiviert sind -->
<link id="style" type="text/css" rel="stylesheet" href="http://server/style1.css">
</noscript>

<!-- Styleswitcher Head Ende -->

---

In Antwort auf:

---

<!-- Styleswitcher Box Anfang -->

<form>
<select class="tarea" size="1" name="Styleswitcher" onChange="javascript:parent.location = this.form.Styleswitcher.options[this.form.Styleswitcher.selectedIndex].value;">
<option value="">Style &auml;ndern...</option>
<optgroup label="Styles">
<option value="javascript:change_style(1)">Style 1</option>
<option value="javascript:change_style(2)">Style 2</option>
<option value="javascript:change_style(3)">Style 3</option>
</optgroup>
</select>
</form>

<!-- Styleswitcher Box Ende -->

---

<script type="text/javascript">
function switcher_on() {
document.getElementById('switcher').style.display=''
}
</script>

<body marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" onload="switcher_on()">

<div id="switcher" style="display:none;">
[Styleswitcher-Skript]
</div>
<!-- optional, falls ein Platzhalter mit Link zu Beitrag eingefügt werden soll -->
<noscript>
<a href="http://123484.homepagemodules.de/t245f10-Style-aendern.html">[Styleswitcher]</a>
</noscript>

Hat eigentlich schon jemand eine Lösung dafür gefunden, dass das Skript auch in IFrames funktioniert?

Nein, leider nicht. :-(

Man kann zwar etwas auswählen, es ändert sich aber nichts.

Hast du ein Link wo es nicht funktioniert?