Změna pozadí webu dle chuti čtenáře
Jednou ze skvělých možností webu je například to, že návštěvníci si mohou sami vybírat, jaké pozadí chtějí vidět na www stránkách. Kombinací jednoduchého JavaScriptu a HTML kódu můžete tuto možnost nabízet i svým návštěvníkům.
Skript se samozřejmě použít i k jiným účelům – například pokud vytváříte nové stránky, určitě se potýkáte s problémem výběru vhodné barvy pozadí webu. Skript tedy můžeme použít pro rychlý náhled na barvu stránky a vybrat nakonec tu, která se nám nejvíce líbí…
Pokud máte na pozadí na www stránce definovaný určitý obrázek, který se naskládá na celou viditelnou plochu stránky v prohlížeči, pak skript samozřejmě nebude fungovat, protože v případě konfliktní definice obrázku na pozadí www stránek a definice obrázku na pozadí www stránek v tagu <BODY> se použije definice obrázku.
Krok první
Začnete tak, že na začátek stránky – nejlépe do sekce <HEAD> umístněte následující JavaScript. Ve scriptu je vytvořena funkce, kterou jsem nazval jako zmenaPozadi, která má parametr hexaNumber a která se zavolá pomocí metody onclick při kliknutí na formulářové tlačítko. Metodou onclick současně předáváme vybranou barvu.
|
Krok druhý
Do místa v HTML stránce, kde chcete mít vložena formulářová tlačítka, kterými vybíráte barvu pozadí, umístěte následující HTML kód z tabulky.
|
Vyzkoušejte: barevná pozadí
Počet formulářových tlačítek, či barvy samotné můžete samozřejmě libovolně modifikovat. Skript by měl bez problému fungovat ve čtvrtých a vyšších verzích nejčastěji používanějších prohlížečů (IE a NN).
Starší komentáře ke článku
Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.
Mohlo by vás také zajímat
-
Vlastní web pomocí AI už může vytvořit opravdu každý
8. srpna 2024 -
Aktualizujete svoji .NET webovou aplikaci? Může se hodit app_offline.htm
10. července 2024 -
Optimalizace a zlepšení výkonu kódu: tipy a triky
14. srpna 2023 -
Rychlost serveru: Klíč k lepšímu umístění ve vyhledávačích
7. června 2024
Nejnovější
-
Jak rozšířit úložiště Macu za pětinovou cenu?
16. prosince 2024 -
Nové trendy v doménách pro osobní projekty – DIY, LIVING a LIFESTYLE
9. prosince 2024 -
Jak chránit webové stránky před Web/AI Scrapingem
27. listopadu 2024 -
Jaký monitor je nejlepší k novému Macu Mini?
25. listopadu 2024