Css Styleswitcher Problem

just4download · #1 (**permalink**) 18.06.2010, 10:17

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 · #2 (**permalink**) 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 · #3 (**permalink**) 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 · #4 (**permalink**) 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 · #5 (**permalink**) 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 · #6 (**permalink**) 19.06.2010, 18:40

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

just4download · #7 (**permalink**) 19.06.2010, 19:18

Recommended Movies

Pascolo · #8 (**permalink**) 19.06.2010, 20:39

Zitat:

Zitat von just4download

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 · #9 (**permalink**) 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

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 · #10 (**permalink**) 19.06.2010, 23:52

Zitat:

Zitat von just4download

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.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem beim ein/ausblenden von Spalten in Tabellen via CSS und JavaScript	chrisol_76	CSS	2	21.07.2008 18:37
Css und Steam Problem	justinlenz	Offtopic	3	27.03.2008 22:58
CSS Problem	Adriana	CSS	0	09.09.2006 17:51
CSS Tips & Tricks	Webnauts	Ressourcen	0	26.08.2006 00:04
Dringend: CSS Problem!	zero	CSS	19	31.12.2005 19:34