[CSS] CSS laten kiezen door gebruiker

[Barracuda_82]

Ik ben een webpage aan het maken en toen heb ik op intranet/sharepoint van ons bedrijf gezien dat je in die pagina verschillende Style Sheets in kunt laden door er een te kiezen uit een DropDown Combo-box.
Mijn idee was om de gebruiker verschillende kleuren te laten kiezen zodat de pagina naar de voorkeur van de gebruiker kan worden ingesteld. Je kunt dan bevoorbeeld kiezen uit grijstinten, blauwtinten, groentinten, noem maar op. De achtergrond, textkleur, plaatjes, etc. word dan automatisch veranderd en de voorkeur van de gebruiker word automatisch opgeslagen in een cookie.

Ik heb dus geen flauw idee hoe je dit moet maken. Misschien met JavaScript of ASP. Wie helpt mij verder met dit probleem?

[Dennis]

code:

<?php
  <link rel=\"stylesheet\" type=\"text/css\" href=\"$cssfile\" />
?>

Aanroepen met bla.php?cssfile=cssbestand.css

Vervolgens ff een form met input field maken, en dan een GET/POST methode erbij. Mocht je trouwens op alle pagina's dan automatisch die CSS file willen gebruiken, dan moet je met cookies gaan werken.

En ik zal ff vragen of deze in P&W mag, want het is vanaf nu PHP

[Verwijderd]

Op maandag 24 september 2001 08:42 schreef dennisdotcom het volgende:
En ik zal ff vragen of deze in P&W mag, want het is vanaf nu PHP

Er wordt gesproken over Sharepoint Portalserver van Microsoft, dus php is geen optie lijkt me. maar met asp is het vrijwel hetzelfde.

code:

<link rel="stylesheet" type="text/css" href="<%= Request("cssfile") %>">

[Dennis]

code:

<link rel="stylesheet" type="text/css" href="<%= Request("cssfile") %>">

Ik kan het niet laten jou toch nog ff te corrigeren

code:

<link rel="stylesheet" type="text/css" href="<%= Request("cssfile") %>" />

Is het tenminste xhtml compatible.

[Verwijderd]

Op maandag 24 september 2001 08:59 schreef dennisdotcom het volgende:

code:

<link rel="stylesheet" type="text/css" href="<%= Request("cssfile") %>">

Ik kan het niet laten jou toch nog ff te corrigeren

code:

<link rel="stylesheet" type="text/css" href="<%= Request("cssfile") %>" />

Is het tenminste xhtml compatible.

Je hebt gelijk!

[AlvaK]

Ik heb me ook ooit bezig gehouden met veranderende CCS, maar ik vraag me af welke gebruiker op die keuze zit te wachten. Daar kwam ik toen ook niet echt uit

[Dennis]

Op maandag 24 september 2001 09:03 schreef AlvaK het volgende:
Ik heb me ook ooit bezig gehouden met veranderende CCS, maar ik vraag me af welke gebruiker op die keuze zit te wachten. Daar kwam ik toen ook niet echt uit

Als je groen haat, kun je een blauwe stylesheet nemen. Ben je slechtziend of draai je een hoge resolutie, dan neem je 1 met extra grote fonts.

[rickmans]

op deze site is er een voorbeeldje:
http://www.pupius.net/pre_release.php
(met de knopjes onderin kan je de verschillende stylesheets kiezen)

[Tom]

Ik move em even naar P&W.

[SWINX]

Op maandag 24 september 2001 08:59 schreef dennisdotcom een aanpassing op het scriptje

ikke lekker eigenwijs, nog een keertje veranderen die code
zelf zou ik het zo doen:

code:

<link rel="stylesheet" type="text/css" href="<%= Request("c") %>.css" />

dan heb je niet file.asp?cssfile=green.css

maar file.asp?c=green

zoals je ziet zou ik het ook geen "cssfile" noemen

zo staat het (vind ik) veel beter

[mbravenboer]

Wellicht is het een leuk idee om behalve CSS de gebruiker ook nog de indeling of de hoeveelheid gegevens op de pagina's te laten kiezen. Dit zou je zeer eenvoudig kunnen doen met XML+XSL.

[Banpei]

Ik heb ongeveer een soort gelijk probleem gehad, maar heb het zelf opgelost door de stylesheet in de DB te zetten en tussen twee style tags te plakken... Maarja, ik zat ook met het probleem dat men zelf de style mocht definieeren...

[PuntPunter]

function selectCSS(num) {
for (i = 0; i < document.styleSheets.length; i++) {
if (document.styleSheets(i).disabled==false) {
document.styleSheets(i).disabled=true;
}
}
document.styleSheets(num).disabled=false;
}


<link rel="stylesheet" type="text/css" href="style_yellow.css">
<link rel="stylesheet" type="text/css" href="style_grey.css">
<link rel="stylesheet" type="text/css" href="style_blue.css">
<link rel="stylesheet" type="text/css" href="style_red.css">


<body onload="selectCSS(0)">

<select class="selects" name="slctCSS" onChange="selectCSS(this.selectedIndex)">
<option value=0 selected>yellow</option>
<option value=1>grey</option>
<option value=2>blue</option>
<option value=3>red</option>
</select>


Geeft dat genoeg ideeën?

Het werkt bij mij iig in IE6.

Het bovenstaande is geen complete code, maar met een beetje denkwerk zou je eruit moeten komen....
Geen refresh = nodig op deze manier..

edit:
nu weer verder zoeken naar waar ik eigenlijk op zoek was.... Opera die geen webdings laat zien...

[ Voor 19% gewijzigd door PuntPunter op 24-06-2004 23:05 ]

[gorgi_19]

Zie ook P&W FAQ - HTML / javascript /css, etc... CSS en dit soort dingen horen tegenwoordig thuis in Webdesign & Graphics Sowieso zal een nieuw topic een stuk duidelijker zijn dan de oude kick; mensen kunnen op eerdere posts gaan reageren; waar jij niets aan hebt.

Let ook op de geldende policy in Webdesign & Graphics, zoals bijvoorbeeld de [code][/code]-tags