sorka ale nie chcę mi się tego wymyślać na nowo więc ukradnę ci odpowiedni kod z bash.org.pl:
<link rel="stylesheet" type="text/css" href="/m/style.css" />
<link rel="alternate stylesheet" title="szary" type="text/css" href="/m/szary.css" />
<link rel="alternate stylesheet" title="zielony" type="text/css" href="/m/zielony.css" />
<link rel="alternate stylesheet" title="czarny" type="text/css" href="/m/czarny.css" />
<link rel="alternate stylesheet" title="rozowy" type="text/css" href="/m/rozowy.css" />
w ten sposób będzie można sobie wybierać style z menu przeglądarki (w ff: widok -> styl strony -> szary/zielony/czarny/rozowy)
funkcja w js jest taka:
function setActiveStyleSheet(styleName) {
$('link[@rel*=style][title]').each(function(i)
{
this.disabled = this.getAttribute('title') != styleName;
});
$.cookie('style', styleName, {expires: 365, path: '/'});
}
funkcja ta szuka wszystkie tagi < link > i podmienia dla nich wartość "disabled", ustawiając jako aktywny tylko jeden styl, oraz ustawia ciasteczko o nazwie "style" na 365 dni
funkcja ta korzysta z jquery więc musisz sobie ściągnąć do siebie najlepiej najnowszą wersje tego skryptu i go wywołać albo oprogramować sobie to po swojemu bez jquery
przyciski do zmiany tak:
<a rel="nofollow" class="stylechange rozowy" href="#" onclick="setActiveStyleSheet('rozowy')"></a>
<a rel="nofollow" class="stylechange czarny" href="#" onclick="setActiveStyleSheet('czarny')"></a>
jeszcze tylko pozostaje przywołanie stylu z ciasteczka:
a dzieje się to tu:
```javascript
$(document).ready(function() {
var c = $.cookie('style');
if (c) setActiveStyleSheet(c);
}
ta funkcja również wykorzystuje jquery, ale idee widać więc możesz sobie też łatwo zamienić kod na niezależny