tvorba www stránek
tvorba internetových obchodů
programování a vývoj internetových řešení
Kontaktní informace
+420 604 675 156

JavaScriptová knihovna OVERLIB

overlib.gif

Narazil jsem na fantastickou třídu s názvem OVERLIB napsanou v JavaScriptu, která umožňuje jednoduchým vložením metody onMouseOver nebo také onMouseClick zobrazovat formátované HTML nad libovolným elementem - v našem případě nad odkazem. Přehledná dokumentace ke knihovně OVERLIB je na domovské stránce projektu OVERLIB. Knihovna obsahuje spousty nastavení a modifikací zobrazovaného textu a dokonce i pluginy.

To že odkaz může obsahovat atribut title je známá a pro mnohé hojně užívaná praxe, která jednak zlepšuje přístupnost stránek a orientaci na nich a také napomáhá hendikepovaným návštěvníkům rozpoznávat povahu odkazu.

Princip zobrazování "rozšířeného title" je jednoduchý. Na stránku umístíme blokový element (nejlépe DIV), který může být umístěn prakticky kdekoliv v kódu, knihovna si sama ovládá pozici i obsah tohoto elementu a dynamicky mu přiděluje atributy style.left a style.top v závislosti na absolutní pozici kurzoru na obrazovce. Řeknete si, že přece není tak těžké si něco takového napsat. Ano dá se to, problém je v tom, že JavaScriptový kód není strejný ve všech prohlížečích a proto je nutné testovat jaký je klientský prohlížeč. Toto všechno je v JavaScriptové knihovně OVERLIB již ošetřeno. Funkčnost je tedy ověřena ve všech novějších prohlížečích (zkoušel jsem IE6, Firefox 1.x, Operu 7.x).

Knihovnu OVERLIB je vhodné použít v projektech, kde je nutné zobrazovat při najetí myší na odkaz například náhledový obrázek, nebo lépe vypadající titulek. Pamatujte však, že stránky nesmí být z hlediska přístupnosti závislé na JavaScriptu, neboli JavaScript je dobrý sluha, ale špatný pán! V každém případě doporučuji používat standartní atribut title. Použití knihovny OVERLIB slouží pouze ke zkrášlení stránek pro ty, kteří se dívají na stránky se zapnutým JavaScriptem.

Komentáře

Komentovat tento článek