Hlavní navigace

Kapka CSS SS2 - Tipy & triky [VI]

1. 12. 2002

Sdílet

V minulém díle jsem tvrdil, že ten dnešní bude orientován ryze "příkladově".Netušil jsem ale, že kapitola DHTML filtrů, které jsme se pouze lehce dotkli, vyvolá u čtenářů vlnu spok...
V minulém díle jsem tvrdil, že ten dnešní bude orientován ryze "příkladově".
Netušil jsem ale, že kapitola DHTML filtrů, které jsme se pouze lehce dotkli,
vyvolá u čtenářů vlnu spokojenosti a budu dostávat e-maily s požadavkem na
podrobnější rozebrání této tematiky. Inu dobrá, povíme si tedy dnes i o
filtrech, které nejsou standardy, ale platí jen pro konkrétní webový prohlížeč.
V žádném případě tím ale nechci nabádat k tomu, aby autoři designovali stránky
jen pro určité konkrétní prohlížeče. To rozhodně ne. Spíše bych tyto
vymoženosti považoval za nástroje, které lze použít ve svých stránkách, ale
jejichž funkčnost není podstatou oné stránky, a tudíž jsou zobrazitelné a dobře
čitelné i v prohlížečích, jež těmito možnostmi nedisponují. Dodám jen, že jako
obvykle naleznete ukázky zde uváděné i na CD PC WORLDu.


Filtry

Minule jsme si povídali o filtru pro transparentnost objektů. Jeho výhodou
bylo, že byť s malými rozdíly byl podporován hned dvěma zřejmě
nejpoužívanějšími prohlížeči, tj. Internet Explorerem (IE) a Netscapem (NS).
Dnes uváděné filtry pocházejí z dílny Microsoftu a jsou tedy podporovány jen v
IE ve verzi 4 a vyšších. Objevily se už i mnohé další filtry, ale podporovány
jsou až od verze 5.5, proto se jimi zatím nebudeme zabývat. Filtry lze
aplikovat na elementy o čtvercové ploše (IMG, TABLE, TR, TD, TEXTAREA, INPUT,
BUTTON...). Definici filtrů zapisujeme do stejných oblastí a stejným způsobem
jako běžné styly. Ovšem pokud chceme aplikovat filtry na tagy SPAN či DIV,
musíme jim definovat šířku a výšku, nebo absolutní pozici (např. tedy
"width:100px; height:100px" či "position:absolute"). Samozřejmě je možné na
jeden objekt aplikovat více filtrů, potom je třeba je oddělit čárkou s mezerou
za ní! Následuje zelená tabulka s popisy. Jak je dobrým zvykem, následuje
příklad (ze zřejmých důvodů funguje pouze v IE v4.0+):








HOUSENKA






Aplikovany filtr:











Tento je jednoduchým editorem, který po zadání znění filtru jej umožňuje
okamžitě zhlédnout tak, jak bude vypadat ve skutečnosti. Vysvětlovat mnoho
myslím není třeba, tak snad jen dodám, že magická formule "return false" v
parametru OnSubmit u elementu FORM zajišťuje, aby potvrzení formuláře
nevyvolalo odesílání jeho dat. Ukázka příkladu:

Tímto tedy končím dnešní díl seriálu. Pište e-maily s dotazy na adresu
j.kysela@web-brana.cz, třeba příště zodpovím právě ten váš a prozatím se mějte
hezky a za měsíc již u slibovaného "příkladového" dílu na shledanou!