Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zmiana styli
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Ratyo
Proszę o pomoc. W jaki sposób dać mozliwosc użytkownikom na zmiane styli z poziomu strony. Widzialem juz kilka takich za pomocą formularzy. Proszę o szczegolowe omowienie, tak zebym w latwy sposob mogl to wstawic na swojej stronie.

np. powiedzmy ze mam na serwerze 3 pliki: normal.css, white.css i colorful.css. Jak mam to zrobic, prosze o pomoc sad.gif

dla lepszego zobrazowania, link do mojej strony: www.southpark.nazwa.pl
bełdzio
http://www.alistapart.com/articles/alternate/
Ratyo
zrobilem, jak napisali, plik JS umiecilem w katalogu scripts, wkleilem do body odwolanie do niego:
Kod
<script type="text/javascript"
src="/scripts/styleswitcher.js"></script>


i na koniec linki do zmiany stylu:
Kod
<a href="#"
onclick="setActiveStyleSheet('default');
return false;">change style to default</a><br>

<a href="#"
onclick="setActiveStyleSheet('black');
return false;">change style to dark</a>


i nie wiem dlaczego, ale niedzial, tylko robi powrot do gory strony, le niec nie zmienia stylu. Dlaczego, a moze nna metoda questionmark.gif
Fipaj
A nie zapomniałeś o <link rel="alternate stylesheet"...>...? ;-)
Ratyo
nie bylo, ale poprailem i nadal kicha tongue.gif

sekcja head:

Kod
<title>South Park Force - polish south park center</title>

<link rel=stylesheet type=text/css href=default.css>
<script type=text/javascript src=styleswitcher.js></script>

</head>


body:
Kod
<a href=\"#\" onclick=\"setActiveStyleSheet('default'); return false;\">default</a><br>

<a href=\"#\" onclick=\"setActiveStyleSheet('white'); return false;\">white</a>


i w glownym katalogu mam plik styleswitcher.js

Aha, o co chodzi z atrybutem title w <link rel.....> questionmark.gif co mam z tym zrobic questionmark.gif

W drodze wyjasnienia, te slashe w likach wynikaja z tego, ze moj system modulowy stronki zabrania zuywania znakow "" w index.php, jednak to nieczego nie zmienia, powinno niby dzialc, a tu kicha. Prosze o dalsze rady.
Fipaj
  1. <title>South Park Force - polish south park center</title>
  2.  
  3. <link rel=stylesheet type=text/css href=default.css>
  4. <script type=text/javascript src=styleswitcher.js></script>
  5.  
  6. </head>

Boże, widzisz i nie grzmisz!?

Było napisane w artykule!

Jak chcesz przykład działania - moja strona: http://fipaj.livenet.pl/php
Ratyo
uzylem na chwile twojego przyklady, jaki masz na stronie. Tylko zobacz co mi sie stalo ze stylami. Jak widze to dziala prawie tylko na tło stronki. Co na to powiesz?/

www.southpark.nazwa.pl
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.