Forum PHP.pl > Zmiana arkusza CSS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Drav

2.05.2009, 11:19:45

Mam pytanie, czy jest jakiś prosty sposób, aby użytkownik po wybraniu odpowiedniej pozycji z listy mógł zmienić arkusz CSS strony, i aby ten arkusz nie zmieniał się po kolejnym odwiedzeniu strony/przejściu do innego działu?
Chyba trzeba tu coś podziałać z ciasteczkami, ale ponieważ jest w jak najniesłowniejszym tego słowa znaczeniu nowicjuszem w php, nie wiem jak to zrobić

Z góry dziękuje za każdą pomoc.

piotrooo89

2.05.2009, 11:26:15

tak jak mówisz dajesz ciacho. i później za pomocą ifa sprawdzasz jakie jest ustawione i taki styl doklejasz.

pseudo kod

[PHP] pobierz, plaintext 
<?php
if ($_COOKIE['styl']=='zielone')
{
dolaczasz zielony styl
}
elseif ($_COOKIE['styl']=='czerwone')
{
dolaczasz czerwony styl
}
else
{
tu ustawiasz domyslny czyli jak nie ma zadnego ciasteczka
}
?>
[PHP] pobierz, plaintext

Drav

2.05.2009, 11:32:32

a jak wysłać to ciasteczko i za pomoca i jaka komendę dac, aby użytkownik mógł wybrać ten styl?

piotrooo89

2.05.2009, 11:36:16

setcookie" title="Zobacz w manualu PHP" target="_manual

decha-design

2.05.2009, 11:40:23

a może w JavaScript?

http://www.kelvinluck.com/2006/05/switch-s...ts-with-jquery/

przykład: http://www.kelvinluck.com/assets/jquery/styleswitch/

Korzystam z tego i działa na prawdę dobrze ...

Drav

2.05.2009, 12:32:24

ok, mógłbyś mi tylko wytłumaczyć jaką zawartość powinien mieć link do zmiany stylu + jakie powinny być ich nazwy, lubgdzie sa wpisane do podmiany.
Javascriptem NIGDY się nie zajmowalem toteż treść tego skryptu to dla mnie coś zupełnie niezrozumiałego

decha-design

2.05.2009, 12:38:48

ściągasz jQuery, załączasz to do strony (to chyba umiesz), ten kod te strony wklejasz gdzieś w <head> czy gdzieś tam ...

I teraz. Ważne jest aby wszystkie style były już 'dodane'(?) do dokumentu strony:

[HTML] pobierz, plaintext 
<link rel="stylesheet" type="text/css" href="styles1.css" title="styles1" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="styles2.css" title="styles2" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="styles3.css" title="styles3" media="screen" />
[HTML] pobierz, plaintext

Główny ma być normalny a te dodatkowe muszą mieć rel="alternate stylesheet"

I wtedy link masz po prostu

[HTML] pobierz, plaintext 
<a href="#" rel="styles1" class="styleswitch">xxx</a>
[HTML] pobierz, plaintext

Zamiast # możesz dać np. link do skryptu podanego przez piotroo bo czasami ktoś może wyłączyć js (co się rzadko zdarza).

Po prostu ... atrybut rel odpowiata za nazwę stylu.

Drav

2.05.2009, 14:06:20

Wielkie dzięki!

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.