Style switcher
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama

Style switcherStyle switcher

 

Style switcher

Google       Google       10. 6. 2006       12 940×

Na rôznych diskusných fórach k PHP sa často objavuje dotaz na to, ako docieliť zmenu vzhľadu stránky po kliknutí na odkaz. Je to pomerne jednoduché, a tak vám to v krátkosti predvediem.

Reklama
Reklama

Treba si uvedomiť, že vzhľad stránky je tvorený pomocou CSS súboru, a teda náš skript má za úlohu docieliť len zmenu linku na .css súbor. Preto si treba pripomenúť, že pokiaľ chcete meniť vzhľad celej stránky, musí byť celá štýlovaná v CSS a všetky štýly musia byť robené na jedno HTML (čí XHTML) telo stránky.

Predstavme si názorovú situáciu. Ako hlavnú stránku webu máme napríklad main.php a k nej máme napísaných pár CSS súborov predstavujúcich zelený, modrý a kvetinkový dizajn: style-zeleny.css style-modry.css a style-hippies.css. Pre naše účely vytvoríme k týmto štyrom ešte jeden dokument load_style.php, ktorého úlohou bude uložiť do cookies hodnotu predstavujúcu daný dizajn.

Vo vašom menu na stránke, kde máte odkazy, si pripojíte odkazy na štýly v takomto tvare:


<a href="load_style.php?style=zelene_ako_trawicka" >Zelený štýl</a>
<a href="load_style.php?style=modre_nebo" >Modrý štýl</a>
<a href="load_style.php?style=hippies_rulez" >Kvetinkový štýl</a>
//pravdaže hodnoty premennej style si nadefinujte ako vám to vyhovuje ;)

Teraz po kliknutí na odkaz cestuje naša premenná style k súboru load_style.php, ktorý by ju mal spracovať veľmi jednoduchým spôsobom, a to uložiť jej hodnotu do cookies užívateľa. Názorný kratučký príklad, pre vás špeciálne s komentárom:



Poslednou časťou príkladu by, ako ste sa iste dovtípili aj sami, malo byť načítavanie cesty k CSS súboru pomocou načítania hodnoty z cookies. Nasledujúci príklad by ste mali umiestniť do main.php medzi tagy <head> a </head> namiesto linku k CSS súboru. Myslím, že všetko potrebné k vysvetleniu skriptíku nájdete v komentároch, ktoré tam pripíšem:


";
//a samotný vygenerovaný html tag pre načítanie zvoleného dizajnu ;)
?>

Tak to by bolo všetko ohľadne „meniča css štýlov“.

Doposiaľ som videl veľa rôznych style switcherov, no obvykle bývajú jeden ako druhý a líšia sa len minimálne. Ak ste náhodou niečo podobné potrebovali, dúfam, že so vám pomohol. Všetky otázky, ale aj prípadné pripomienky v diskusii pod článkom ;).

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

4 názory  —  4 nové  
Hlasování bylo ukončeno    
0 hlasů
Google
Autor programuje v PHP, MySQL a Javě.

Nové články

Obrázek ke článku Dovozci baterií mění logistiku, letadlo nahrazuje námořní doprava

Dovozci baterií mění logistiku, letadlo nahrazuje námořní doprava

Dovozci baterií do mobilů či notebooků upouštějí od letecké přepravy zboží. V letošním roce plánují dovézt až 80 % produktů lodí. Přitom před 5 lety byla většina baterií do mobilních přístrojů dovezených do České republiky přepravována letadlem. Za proměnou způsobu transportu akumulátorů stojí zpřísnění pravidel pro leteckou přepravu, která přinášejí vyšší náklady i náročnou agendu.

Reklama
Reklama
Obrázek ke článku JIC otevírá největší digitální dílnu pro veřejnost v České republice

JIC otevírá největší digitální dílnu pro veřejnost v České republice

JIC otevírá první nonstop veřejně dostupnou digitální dílnu světového formátu s vybavením za 3 miliony korun. Dílnu může využívat po registraci kdokoliv. V  prostorách vzniknou prototypy produktů místních startupů, projekty kutilů a studentů i umělecká díla. Cílem dílny je zpřístupnit veřejnosti drahé přístroje a přitáhnout více podnikavých lidí k technickým oborům.

Obrázek ke článku Nový IT hráč na českém trhu

Nový IT hráč na českém trhu

V roce 2015 otevřela v Praze na Pankráci v budově City Tower své kanceláře společnost EPAM Systems (NYSE:EPAM), jejíž centrála se nachází v USA. Společnost byla založená v roce 1993 a od té doby prošla velkým vývojem a stále roste.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý