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
-
Co je to DNSSEC, jak funguje a jak si ho nastavit?
14. srpna 2024 -
Užitečné nástroje pro bezpečnost na internetu
17. října 2024 -
Lék na phishing a apatii ve světě e-mailového marketingu
18. března 2024 -
Jak se chránit před podvody na internetu – část 1
8. října 2024
Nejnovější
-
Apple jde naproti práci s HDR monitory!
17. ledna 2025 -
Jak využít AI potenciál svého Macu?
9. ledna 2025 -
NIS2: Verifikace údajů vlastníků domén
6. ledna 2025 -
Dostali jste k vánocům PC? Využijte jeho AI potenciál!
3. ledna 2025