Sziasztok,

Amint azt már említettem a minden napi munkám során rendszeresen használom a jQuery-t, és persze a jQuery UI-t is. A jQuery UI-t leginkább az admin felületeknél szoktam használni, mert nagyon kézreálló felületet lehet vele kialakítani. Sokszor vagyok úgy vele, hogy bizony a "kliens oldalon" - hívjuk inkább publikus webfelületen szeretnék egy-egy dialogot, tabfület, tooltip-et használni, de még csak a megfelelő pluginokat összevadászva is 140 kbyte-ba "kerülne" ez az akció, ami azért lassú internet kapcsolatnál fájó pont lehet a látogatónak.

Mit lehet ilyenkor tenni? Természetesen nem mondunk le ezekről a javakról. Van egy jQuery plugin gyűjtemény, amelyet jQuery Tools-nak neveztek el a készítői. Első ránézésre eléggé a UI-ra hajaz, de messze nem tud annyit, persze nincs is rá szükség, nem egy újabb UI-t szeretnénk használni, hanem egy olyan "jQuery eszköztárat", amely segíti a munkánkat, és a látogatók dolgát is megkönnyíti. Erre tökéletes eszköz a jQuery Tools.

A minified változat a maga 24 kbyte méretével pehelykönnyűnek mondható, és mégis sok hasznos dolgot valósíthatunk meg vele. Vegyük hát sorra.

Tab fülek kezelése:

•   a tabfülekre AJAX segítségével is tölthetünk tartalmat.
•   a böngésző vissza gombját rendesen kezeli
•   Varázsló üzemmód" - kialakíthatunk egy folyamatot, amelyet szépen végig vezérlünk a tab füleken
•   accordionként is megjeleníthetjük a tabfüleinket, méghozzá akár horizontálisan is

Tooltip (info layerek) kezelése:

•   általános CSS-ből skinezhető tooltip
•   űrlapoknál nagyon hasznos mező magyarázat, segítség a mező kitöltéséhez

Kiemelés effekt: ha rákattintunk valamilyen elemre (kép, div, form) akkor a háttér elsötétül, és a kívánt része az oldalnak az előtérbe kerül, így ráirányítva a figyelmet.

Layer (popup) kezelés:

•   egyszerre több layer-t is megjeleníthetünk az oldalunkon
•   a layereket CSS-ből a saját szájunk íze szerint módosíthatjuk

Scrollozás: egy weboldalon sokszor szükségünk lehet képek scrollozására, és ha ezt úgy szeretnénk megvalósítani, hogy nem a böngésző scrollbar-ját használjuk, akkor sokat segít a jQuery Tools.

•   vízszintes görgetés
•   függőleges görgetés
•   animálhatjuk a görgetési folyamatot
•   navigációs gombok megjelenítése, és azok által vezérelhető görgetési folyamat
•   a görgetési felülethez új elemet adhatunk, vagy meglévőt eltávolíthatunk
•   időzíthetjük a scrollozást, így akár egy diavetítést is lazán megoldhatunk az oldalon.

A fent felsorolt funkciókon kívül még flash objektumokat is beágyazhatunk a weboldalunkra, mindezt egyszerűen. Pl. ilyen apróságokra is figyeltek a fejlesztők, hogy HTML layert nyithassunk a flash videó fölé.

Remélem sikerült egy kicsit felkeltenem a kíváncsiságotokat. Amennyiben igény lesz rá, a későbbiekben példaprogramokat és útmutatót is írok a jQuery Tools használatához. Addig is látogassatok el a hivatalos weboldalra, és próbálgassátok ki ezt a remek "eszközt".

Szenti