jQuery UI dodatak
jQuery UI biblioteka je kolekcija naprednih jQuery dodataka, efekata i interakcija. Ona sadrži selektore za datum, umetke (tabs), harmonika meni(accordions), okvire za dijalog (dialog boxes)…
Uključivanje jQuery UI biblioteke unutar sajta je komplikovanije u odnosu na uključivanje same jQuery biblioteke. Razlog toga je sama veličina biblioteke. Razvojna verzija biblioteke je trenutno 430KB, dok je verzija za produkciju 230KB, a to je i pored današnje povećane brzine interneta, još uvek velika veličina za samo jedan deo sajta, ako se uzmu u obzir današnji standardi, gde je prosečna veličina cele stranice sa svim slikama, CSS, JS, HTML… oko 1 MB. Zbog toga pre nego što preuzmemo jQuery UI biblioteku sa ovog sajta http://jqueryui.com/download/, potrebno je da imamo u vidu koje funkcionalnosti biblioteke želimo da koristimo i da u zavisnosti od toga selektujemo te funkcionalnosti pre preuzimanja biblioteke. Ukoliko nećemo koristiti puno funkcionalnosti biblioteke, sama njena veličina može biti i do 40KB.
Potrebno je izabrati i temu koja omogućava da potrebne elemente biblioteke prilagodimo samom dizajnu sajta koji već postoji. Proces biranja teme se sastoji od biranja boje, ikonice i mnogo drugih podešavanja za jQuery UI elemente. Kada je sav proces selekcije završen, potrebno je preuzet sadržaj uključiti unutar sajta, na isti način kao kada smo uključivali samu jQuery biblioteku. jQuery UI biblioteka podrazumeva da je jQuery već sadržan unutar sajta, jer bez nje neće raditi. Zbog toga prilikom preuzimanja jQuery UI biblioteke, zajedno sa njom se preuzima i osnovni jQuery, ali isto tako i CSS fajl koji sadrži stilove za temu koju smo izabrali. CSS fajl po izboru možemo uključiti samostalno ili dodati ga u neki od postojećih fajlova koji sadrže stilove za sajt. jQuery UI biblioteka u sebi sadrži mnogo funkcionalnosti. U ovom poglavlju biće opisano par najčešće korišćenih funkcionalnosti.
Jedan od elemenata koji se najčešće pojavljuju na sajtovima je element za odabir datuma. Pravilno pravljenje elementa za odabir datuma može vremenski puno da košta. Sa jQuery UI bibliotekom programiranje elementa za biranje datuma se svodi na jednu liniju koda ukoliko želimo osnovno biranje datuma na engleskom jeziku. Biblioteka podržava mnogobrojna prilagođavanja, pa je tako moguće namestiti i lokalnu verziju datuma (ime dana u nedelji i meseca), da li će se prikazivati imena dana u nedelji ili ne, da li će se prikazivati dani iz prethodnog ili budućeg meseca u istom okviru ili ograničiti opseg u kome će biti moguće odabrati datum.