XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   Css Styleswitcher Problem (http://xhtmlforum.de/showthread.php?t=61476)

just4download 18.06.2010 10:17

Css Styleswitcher Problem
 
Hallo Ich habe folgendes Problem:

Ich habe eine CSS Style Switcher Anleitung gefunden und eigentlich funktioniert alles einigermassen.

HTML-Code:

<form id="switchform">
<select name="switchcontrol" size="1" onChange="chooseStyle(this.options[this.selectedIndex].value, 60)">
<option value="dark-theme">Dark Theme</option>
<option value="light-theme">Light Theme</option>
</select>
</form>

Das einzige Problem ist, dass es nicht in den Cookies abgespeichert wird und somit wenn ich auf der Seite auf einen Link klicke wieder das erste Design aktiv ist. Dazu habe ich auch eine Lösung gefunden mit

HTML-Code:

        <ul>
        <li class="bm"><a href="javascript:setStyle('light-theme')">Light-Theme</a></li>
        <li class="bm"><a href="javascript:setStyle('dark-theme')">Dark-Theme</a></li>
        </ul>

                        <form action="javascript:setStyleCookie()">
                          <p><input type="submit" value="Dieses Layout übernehmen"></p>
                        </form>

Das Problem ist, dass wenn ich die 2te Variante verwende, dass es Nicht in einem Dropdown angezeigt wird wie im ersten Fall. Sondern nur als Links.

Kann mir jemand sagen ob es möglich ist ein Dropdown zu haben wie beim ersten BSP. aber das es zusätzlich in die Cookies geschrieben wird, so dass man auch Links auf der Seite anklicken kann ohne das sich das Design wieder zurück verändert.

Natürlich bin ich auch für andere Lösungen offen.

Hier noch die beiden Links von den Funktionen:
Dynamic Drive DHTML Scripts- Style Sheet Switcher (v1.1)
Stichpunkt CSS: Style Switcher

1ster Link (so würde ich es gerne haben)
2ter Link (so funktioniert alles aber nicht mit einem Dropdown.)

Walter IT-Services 18.06.2010 20:51

Hallo!

Das ist doch ganz einfach.
Du nimmst einfach die Cookie-Funktionen von dem zweiten Link und baust die selbstständig bei der ersten Lösung ein.
Oder du nimmst die zweite Lösung und machst es vom HTML genauso, wie in der ersten.

LG
Micha

just4download 19.06.2010 11:43

das habe ich versucht die cookie funktion vom 2ten in den ersten einzubauen vom design her passt dann alles aber due funktion geht iwie ned.

Walter IT-Services 19.06.2010 15:22

Warum nimmst du nicht die zweite Lösung und baust das HTML einfach um?

HTML-Code:

<select name="theme" onchange="javascript:setStyle(this.value)">
  <option value="light-theme">Light-Theme</option>
  <option value="dark-theme">Dark-Theme</option>
</select>

<form action="javascript:setStyleCookie()">
  <p><input type="submit" value="Dieses Layout übernehmen"></p>
</form>

LG
Micha

just4download 19.06.2010 15:59

Danke erstmals für deine Hilfe.

Es ist fast perfekt ;)

Auf der Startseite funktioniert der Wechsel nur soweit das das Design sich ändern man es aber nicht in die Cookies speichern kann.

Aber wenn ich auf eine Unterseite oder so wechsel funktioniert alles einwandfrei auch wenn ich dananch auf die Startseite wechsel ist dort das richtige design. (definieren funktioniert dann aber immernoch nicht

Ich versuche noch herauszufinden an was das es liegt und würde es hier dannach ergänzen.

Walter IT-Services 19.06.2010 18:40

Zeig doch mal ein Link, wo du das gebaut hast. So kann man dir besser helfen ;)

just4download 19.06.2010 19:18

Recommended Movies

Pascolo 19.06.2010 20:39

Zitat:

Zitat von just4download (Beitrag 468471)
Ich versuche noch herauszufinden an was [...] es liegt [...]

Wenn ich versuche, das Design zu ändern, steht anschliessend folgendes in der Fehlerkonsole:

Zitat:

Uncaught TypeError: Object #<an Object> has no method 'dispatchEvent'
/javascripts/prototype.js:4071
Uncaught TypeError: Cannot read property 'cssText' of undefined
/javascripts/prototype.js:1920


just4download 19.06.2010 20:54

ich hab das js file deaktiviert und nun funktioniert es wunderbar.

danke sehr an euch beiden !

Allerdings was sollte ich machen wenn ich das Fille aktiviert haben muss :D gibt es da eine Möglichkeit das zu umgehen?


hätte noch ne frage intressenshalber also nicht so wild fals ihr da keine Lösung dazu wisst.

Wie könnte man das ganze Lösen ohne den Button "Dieses Layout übernehmen" also das es direkt gespeichert wird sobald man im dropdown das andere Design auswählt.

Pascolo 19.06.2010 23:52

Zitat:

Zitat von just4download (Beitrag 468479)
Wie könnte man das ganze Lösen ohne den Button "Dieses Layout übernehmen" also das es direkt gespeichert wird sobald man im dropdown das andere Design auswählt.

Nimm dazu den onchange-Eventhandler.


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:07 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023