Forum PHP.pl > Podmiana pliku ze stylami CSS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Podmiana pliku ze stylami CSS

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

gabrys13

13.09.2007, 13:31:08

Witam!

Mam następujący problem chciałbym "w locie" na stronie zmieniać style poprzez podpięcie innego pliku CSS. Dodatkowo nie chciał bym przy tym przeładowywać stronki (aplikacji webowej). Zwykła podmiana mnie za bardzo nie interesuje: czyli doberam sie do LINK, potem podmiana + refresh strony.
Gdzieś tam mi sie obiło o uszy, że jest taka możliwość chyba wykorzystująca pewne opcje przeglądarki?

Czy ktoś może mi naświetlić ten temat ?

Będę wdzieczny za konstruktywne odpowiedzi...

Black-Berry

13.09.2007, 20:43:54

Nie wiem na ile konstruktywna jest moja odpowiedz ale wiem ze za pomocą javascript mozna przeladowac obrazki dopisujac po pytajniku atualny czas np: moje_foto.jpg?time=xx-xx-xx. Niestety nie wiem na ile mozna tą metodę wykorzystać w przypadku pliku .css

Pozdrawiam

NoiseMc

13.09.2007, 21:09:14

Google mowi ze sie da

zbig

13.09.2007, 21:12:07

http://www.howtocreate.co.uk/tutorials/javascript/domcss

TomASS

13.09.2007, 23:45:23

Wpierw ładujesz wszystkie style:

[HTML] pobierz, plaintext 
<link rel="Stylesheet" href="./style/style.css" type="text/css">
<link rel="Stylesheet" href="./style/red.css" type="text/css">
<link rel="Stylesheet" href="./style/green.css" type="text/css">
<link rel="Stylesheet" href="./style/blue.css" type="text/css">
<link rel="Stylesheet" href="./style/yellow.css" type="text/css">
[HTML] pobierz, plaintext

a później dzięki właściwości: document.styleSheets[numer].disabled:

Kod

function selectCSS(numer){
    for(i=1;i<document.styleSheets.length;i++){
        document.styleSheets[i].disabled=true;
    }
    document.styleSheets[numer].disabled=false;
}

jako numer podajesz numery stylu (od góry).

gekon

14.09.2007, 22:15:34

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

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.