Weblabor

Egyre több helyen találkozni olyan megoldásokkal, ahol egy beviteli mezőt Javascript segítségével támogatnak meg, a potenciális lehetőségeket, keresés találati listáját, vagy egyéb információt felkínálva, nem beszélve más hasznos Javascript finomságokról. A Javascript imidzsváltáson megy keresztül, kezd a csiricsáré izgő-mozgó megoldások felől a valódi használatot javító funkciókiegészítő eszközzé válni. A következőkben egy rövid áttekintés olvasható az utóbbi időszak történéseiről.

Hogy hol kezdődik a történet, nehéz lenne megmondani. Nyilván évekkel ezelőttre nyúlik vissza, több éve magam is kísérleteztem beviteli mezők funkcionalitásának kiterjesztésével, bár akkor még nem jutott eszembe, hogy például élő kapcsolatot is lehetne közben kialakítani a szerverrel, vagy az, hogy egy robosztusabb kódot írjak, mely mást is lehetővé tesz (bár régi álmom egy kódszínezésre képes online szerkesztő). Az első összetett, Javascriptre épülő program, mely nem csak érdekesség volt, hanem valódi eszközzé nőtte ki magát, az az Internet Explorerben megvalósított HTML szerkesztő volt. Egy olyan megoldás született (illetve számos implementáció), mely a web fogalmát egy kicsit elkezdte megváltoztatni. Bár az Internet Explorer egy saját bővítményéről volt szó, mégis mondható talán úttörő munkának, ami e köré a lehetőség köré épült.

Vannak azonban olyan megoldások is, melyekhez már elég régóta megvan a fegyverarzenál több böngészőben, mégis, csak mostanában kezdtek elterjedni, megérni. Egy ilyen megoldás a rejtett frame-eken keresztül kommunikáló chat program is, mely azonban (még?) nem terjedt el széleskörűen, hiszen egy Java megoldás sokkal kevésbé terheli a szervert. De nézzük, melyek azok a lépések a közelmúltból, melyek jelentős lépésnek számítanak.


Kezdjük a GMail-lel, melyet a Google idén április elsején jelentett be. A szolgáltatás egy az oldal újratöltése nélküli webes levelezőt valósít meg, így jelentősen javítva a reakcióidőt, s a használhatóságot. A technológiát nyilván nem a Google találta ki hozzá - korábban is mutatkoztak jelei hasonló megoldásoknak - mégis, a Google volt az, aki valóban megérezte, hogy milyen lehetőség rejlik a Javascriptben, s az hogyan használható egy web alkalmazás keretein belül. Nem vagyok GMail felhasználó az indulás óta, s ha jól emlékszem, nem is egyből jelent meg a címjegyzék funkció, de kiegészítési funkciója révén abban is láthatunk egy jó példát arra, hogyan lehet hasznos társ a Javascript.


A történet talán egy Bitfluxos blogbejegyzéssel folytatódik (Spotlight-like livesearch added), mely júliusban látott napvilágot, s talán sokunknak leesett az álla a megvalósítástól. Az oldal keresőjébe írva a betűket, egy listában ugyanis azonnal megjelennek a találatok, melyekből egyből választhatunk. Ennek megvalósításához a Javascript XMLHttpRequest kérésekkel fordul a szerver felé, mely szinte egyből vissza is adja a találatokat. A konkrét megvalósításról egyébként olvashatunk a BitFlux Wiki-ben (LiveSearch).


November közepén a Yahoo is bejelentette, hogy a levelezőjében a címek beírásához bevezeti a címkiegészítést. A megoldás egyébként a Google-éhez nagyon hasonló. A levél írásakor azonban van egy másik érdekesség is a címzett kitöltésénél, mégpedig az igények szerint átméreteződő textarea elem, mely magassága mindig átállítódik úgy, hogy a beírt tartalmat be tudja fogadni (max. 12 sorig).


Kis áttekintésünket a kezdőjátékossal fejezzük be, a Google nemrégiben megjelent Suggest szolgáltatását megemlítve. A LiveSearch-höz hasonlóan, ennél a megoldásnál is, már a keresési kifejezés beírásakor kapunk egy listát, azonban itt nem találatokét, hanem keresési kifejezésekét. A kifejezések mellett az is megjelenik, hogy körülbelül mennyi találatot kapunk rá. Itt szintén egy a szerverrel kommunikáló kis Javascript az, mely felelős a működésért.

Biztos, hogy ez a rövid összefoglaló nem fedi le az összes hasonló megoldást, melyet a közelmúltban ismerhettünk meg, így szívesen fogadom a kiegészítéseket, további ötleteket a témában. Részemről a valós idejű helyesírásellenőrzés megvalósítását tartom elképzelhetőnek, mint a webes alkalmazások határait tovább feszegető funkciót.