Forum PHP.pl > [JS][CSS] Nietypowa dynamiczna zmiana CSS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS][CSS] Nietypowa dynamiczna zmiana CSS

Forum PHP.pl > Forum > Po stronie przeglądarki

Skie

23.07.2009, 20:59:48

Witam,
Czy da się za pomocą JS podmienić istniejący plik CSS na nowy, tak, by przeglądarka zapamiętała te zmiany?
Dokładnie chodzi mi o coś takiego:

Mam <select>'a z wyborem 3 styli CSS. Zmiana polega na tym, że przez AJAXa wysyłane jest zapytanie do pliku HTML, np. style2.html, który zawiera taki kod:

[HTML] pobierz, plaintext 
<style type=text/css>
@import url("style2.css");
</style>
[HTML] pobierz, plaintext

Ok - to działa, wygląd strony ulega zmianie, a nazwa nowego stylu (style2.css) zostaje zapisana do bazy dla użytkownika, który zmieniał sobie wygląd strony w opcjach konta.

Problem właśnie tutaj się zaczyna. Gdy po zmianie stylu przechodzę na inną podstronę serwisu (za pomocą AJAXa), zmiany odnośnie nowego stylu są zapominane przez przeglądarkę i nowa podstrona jest generowana nadal z użyciem danych ze starego stylu.

Przeglądarka "zapamiętuje" nowy styl dopiero wtedy, gdy cała strona zostanie odświeżona i na nowo wygeneruje się kod html zawierający <head> ... </head>.

Wczytywanie pliku style2.html na każdej podstronie serwisu, dopóki użytkownik nie odświeży strony jest rozwiązaniem bardzo nieeleganckim.

Czy macie jakiś lepszy pomysł jak to zrobić, by przeglądarka zapamiętała nowy styl bez potrzeby odświeżania strony?

erix

23.07.2009, 21:14:03

To co Ty właściwie przez JS wczytujesz...? Razem z HEAD...?

Pawel_W

24.07.2009, 10:29:24

Kursthtml - skórki

poczytaj...

http://www.kurshtml.boo.pl/skrypty/skorki.html

Skie

24.07.2009, 11:28:48

Cytat(erix @ 23.07.2009, 22:14:03 )

To co Ty właściwie przez JS wczytujesz...? Razem z HEAD...?

Bez HEAD. Podczas wczytywania czegokolwiek nie jest tworzony nowy head ani nic takiego. Dlatego właśnie nie wiem czemu nowy styl przeglądarka nie zapamiętuje.

Cytat(Pawel_W @ 24.07.2009, 11:29:24 )

Kursthtml - skórki

poczytaj...

http://www.kurshtml.boo.pl/skrypty/skorki.html

To nic nie daje, bo podmienia adres pliku CSS w tagu HEAD, a przecież do czasu odświeżenia strony kod zawarty pomiędzy <head> i </head> nie jest odświeżany.

erix

24.07.2009, 11:42:50

Cytat

To nic nie daje, bo podmienia adres pliku CSS w tagu HEAD, a przecież do czasu odświeżenia strony kod zawarty pomiędzy <head> i </head> nie jest odświeżany.

To Ty w końcu odświeżasz całą stronę, czy nie...?

Przecież jak odświeżasz tylko zawartość, to jak Ci się CSS może zmienić...?

Skie

24.07.2009, 11:59:33

Pisałem dokładnie o co mi chodzi wyżej.

Jak odświeżę całą stronę to ten styl, wiadomo zmienia się, bo powstają od nowa nagłówki <head></head>

A chciałbym się dowiedzieć jak takie coś zrobić, żeby bez odświeżenia przeglądarka zapamiętała nowy styl bez potrzeby importowania tego stylu za każdym razem. Wszystkie przykłady jakie znalazłem na necie ograniczają się do podmiany stylu jednorazowo - tak samo to działa jak u mnie z import'em - ale nie powodują one podmianę starego stylu na nowy, lecz tylko chwilową jego zamianę.

Póki co rozwiązałem ten problem dodając kod "location.reload();" po wciśnięciu na "Zapisz styl", ale to jest mało zadowalające.

Elektryk

24.07.2009, 12:09:01

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

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.