CSS user laten kiezen dmv. dropbox.

[Verwijderd]

Ik werk nu sinds kort met CSS en zit er een beetje mee te "klooien". Nu dacht ik dat het leuk zo zijn om de user zelf te laten kiezen welke style sheet hij wil (keuze uit 3 ofzo> (maybe zelf 1 maken? / uploaden?> laten we eerst dit maar een proberen )

Nu kan ik natuulijk 3 losse stylesheets maken (styler1.css styler2.css styler2.css) maar de vraag ik hoe ik alleen! het stukje code waarin hij naar 1 van de 3 style sheets wijst veranderd (map 3x kopieren met alleen andere link naar stylesheet is nogal onnodig)

Ik gok dat ik iets met php moet gaan doen, maar verder kom ik eigenlijk niet

ik zal ff de link geven van de site waar het nu over gaat:
site

[disjfa]

Met php is het het makkenlijkst, maar je kan ook cookies mbv javascript gebruiken Maar verder zel al wat gevonden dan?

[coubertin119]

wp_style_switcher(); is een add-on voor WordPress, die perfect kan doen wat jij wil. Even de source doorploegen en naar eigen wens aanpassen.

[glashio]

Klik hier & voeg dit toe aan de CODE voor een <SELECT>

code:

<select onchange="changeSheets(this.options(this.selectedIndex).value)">
 <option value=1>Style One</option> 
 <option value=2>Style Two</option> 
 <option value=3>Style Three</option> 
 <option value=4>Style Four</option> 
</select>

[ Voor 84% gewijzigd door glashio op 01-05-2004 08:59 . Reden: <SELECT> code ]

[Verwijderd]

idd css incombi met php (session of cookie).

[Mayco]

het kan ook met enkel javascipt. kijk maar eens hier: http://www.geexbox.org/en/index.html

[Verwijderd]

glashio schreef op 01 mei 2004 @ 08:43:
Klik hier & voeg dit toe aan de CODE voor een <SELECT>

code:

<select onchange="changeSheets(this.options(this.selectedIndex).value)">
 <option value=1>Style One</option> 
 <option value=2>Style Two</option> 
 <option value=3>Style Three</option> 
 <option value=4>Style Four</option> 
</select>

Ah thanx dit werkt nu, alleen nog een probleempje. ik werk met frames (tot ik een beter alternatief vind) en dan zou je het per frame moeten instellen.
is hier ook iets voor? ik hoorde cookies al voorbij komen?

tot nu toe bedankt allemaal

ohja het resultaat tot nu toe kan je HIER tot nu toe te zien.

[ Voor 16% gewijzigd door Verwijderd op 01-05-2004 10:59 ]

[Verwijderd]

Alternatief genoeg?

[sjaakaq]

Het resultaat werkt helaas niet in Opera 7.23

[Verwijderd]

leokennis schreef op 01 mei 2004 @ 11:16:
Het resultaat werkt helaas niet in Opera 7.23

Sorry maar ik ga daar echt geen rekening mee houden, als ik daarvoor mijn hele site moet aanpassen (een paar regeltjes code vind ik niet erg hoor )

Ik heb de dropbox+javascript methode fftoegepast op mn site(alleen mainpagina)
nu nog iets vinden waardoor hij blijft voor alle pagina's.. iemand een idee?

[crisp]

Verwijderd schreef op 01 mei 2004 @ 12:11:
[...]
nu nog iets vinden waardoor hij blijft voor alle pagina's.. iemand een idee?

cookies?

Voor Opera zou je de link-tag met document.write kunnen genereren; dan moet je echter wel de pagina herladen na de keuze.

[Speedener]

Hij werkt ook niet lekker onder MZ Firefox (just 4 the record)

edit: of ik doe iets verkeerd...

[ Voor 23% gewijzigd door Speedener op 01-05-2004 12:18 ]

[bredend]

Volgens mijn JavaScript console:

Error: this.options is not a function

Je code klopt niet. Lijkt me geen groot probleem om de code te maken...


(op www.desktopian.org hebben ze ook zoiets)

[crisp]

code:

this.options(this.selectedIndex).value

options is een array, geen method:

code:

this.options[this.selectedIndex].value

[Verwijderd]

crisp schreef op 01 mei 2004 @ 12:39:

code:

this.options(this.selectedIndex).value

options is een array, geen method:

code:

this.options[this.selectedIndex].value

hmm ok fixed. Maar hoe zit dat dan met die cookies?

[crisp]

Verwijderd schreef op 01 mei 2004 @ 13:01:
[...]

hmm ok fixed. Maar hoe zit dat dan met die cookies?

Je kan met JS cookies zetten en lezen. Bij het inladen van de pagina check je of er een cookie is en zo ja lees je de waarde uit en activeer je de juiste stylesheet.
Bij het wijzigen van de stylesheet keuze sla je dat weer op in je cookie.

[Verwijderd]

http://www.alistapart.com/articles/alternate/

[glashio]

this.options(this.selectedIndex).value
Moet ik me nu schamen

maar leuk dat je me TIP heb opgevolgd : Alstublieft

[Janoz]

Hier op tweakers wordt gebruitk gemaakt van alternate stylesheets. Gewoon dit in je header zetten naast het normale stylesheet:

code:

<link rel="alternate stylesheet" type="text/css" href="css/silver_191.css" title="silver">

en ik krijg in mozilla linksonder een kleurpotloden icoontje waarmee ik live het stylesheet kan verwisselen.

[glashio]

Janoz schreef op 03 mei 2004 @ 10:40:
en ik krijg in mozilla linksonder een kleurpotloden icoontje waarmee ik live het stylesheet kan verwisselen.

Geldt dat alleen voor Abbonees ? ( Zo ja dan gaat vandaag nog de abbo : glashio : de deur uit )
_{Ref. FAQ, Custom stylesheets - Extra/Full Abbonement}

[ Voor 9% gewijzigd door glashio op 03-05-2004 11:14 ]

[Verwijderd]

-

[ Voor 100% gewijzigd door Verwijderd op 03-05-2004 17:48 ]

[Guillome]

Je kan toch ook gewoon dit doen?

<link href="../stylesheet.css" type="text/css" rel="stylesheet" id="stylesheet">

JS:
document.getElementById("stylesheet").href = "../stylesheet.css";