overlib
javascriptová knihovna s popup okny
kamarád říkal, že někde viděl webovou stránku, na které při najetí myší nad odkaz vyskočilo okno s nějakým popisem odkazu. původně mě napadlo, že myslel atribut "title" u tagu "a".
<A HREF="#" TITLE="toto je ten popis, který zmiňuju o řádek výš">
on mě ale vyvedl z omylu a trochu lépe mi pospal o co mu jde. došlo mi, že chce taková ta okna, která mohou obsahovat různé barvy a fonty textu a případně i html. hledal jsem tedy a našel knihovnu overlib, jejímž autorem je erik Bosrup. tato knihovna definuje funkce, které vytvářejí konfigurovatelné popup boxy.
použití knihovny je vskutku jednoduché. stačí si stáhnout od výrobce aktuální verzi knihovny, stažený archiv rozbalit na svém webu, do hlavičky html stránky, někam před tag za tag "/head" vložit následující kód
<script language="JavaScript" src="overlib.js"></script>
potom někam za tag "body" vložit tento kód
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
a můžeš knihovnu používat.
knihovna se poté může použít s voláním různých parametrů a výsledkem budou popup okna, které mohou vylepšit html stránku a to ne jen její vzhled, ale při správném použití i zvýšit přehlednost webu a dostupnost informcí na něm.
a teď už pár příkladů použití...
obyčejné popup okno
<a href="nejaka_stranka.html" onmouseover="return overlib('textík v popup okně');" onmouseout="return nd();">nějaká stránka</a>
popup okno s titulkem okna
<a href="nejaka_stranka.html" onmouseover="return overlib('tady je text, který se zobrazí v okně!', CAPTION, 'tady je nadpis okna');" onmouseout="return nd();">nějaká stránka</a>
okno na pevně dané pozici (FIXX je vzdálenost ve vodorovné a FIXY ve svislé ose)
<a href="nejaka_stranka.html" onmouseover="return overlib('okno na zadané pozici', FIXX, 100, FIXY, 250)" onmouseout="return nd();">nějaká stránka</a>
okno z html odkazem
<a href="nejaka_stranka.html" onmouseover="return overlib('<a href=\'adresa_odkazu.html\'>text odkazu v okně</a>', STICKY, MOUSEOFF, WRAP, CELLPAD, 5);" onmouseout="return nd();">nějaká stránka</a>
je to jen pár příkladů a možností použití této knhovny je daleko víc včetně vkládání obrázků na pozadí popup okna, vkládání libovolného html kódu, změny barev a fontů.
tady je příklad využití knihovny overlib a tady si můžete příklad stáhnout a vyzkoušet u sebe.