LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> Jak na JAK

JavaScriptová knihovna JAK byla vytvořena programátory firmy Seznam.cz. Je na ní postaveno mnoho seznamáckých aplikací, je snadná na použití, dobře dokumentovaná, otestovaná a funkční na většině prohlížečů a co je pro zkušené programátory důležité, neomezuje.

11.1.2011 19:00 | Ondřej Tůma | Články autora | přečteno 7693×

práce s DOMem

Stejně jako mnoho jiných knihoven, i tato obsahuje obal nejrůznějších funkcí resp. metod, které programátor používá velmi často. Mezi nimi najdeme například tyto:
JAK.gel(id);                        // (getElementById)
JAK.DOM.getElementsByClass(
'class', node, 'tag'); // vrátí pole prvků které mají třídu class

JAK.mel( 'tag', properties,
styles, doc); // (make element) vytvoří element
JAK.cel('tag', 'class', 'id', doc); // (create element) vytvoří element
JAK.DOM.clear(elm); // Vymaže všechny potomky daného DOM uzlu

JAK.DOM.addClass(elm, 'class'); // elementu přidá třídu
JAK.DOM.hasClass(elm, 'class'); // otestuje zda ma element danou třídu
JAK.DOM.removeClass(elm, 'class'); // elementu odebere třídu

JAK.DOM.getDocSize(); // vrací velikost dokumentu
JAK.DOM.getBoxPosition(elm); // zjisti pozici prvku elm ve stránce
JAK.DOM.getPortBoxPosition(elm); // zjistí pozici prvku elm ve stránce včetně
// skrolování
JAK samozřejmě neobaluje jen práci s DOM, což je jistě užitečné, zejména proto, že na různých prohlížečích se některé metody jmenují jinak. JAK tyto metody obaluje metodami vlastních objektů. Programátor má tak vše na jednom místě, dokumentované a fungující na široké škále internetových prohlížečů.

Události

Každý webový programátor někdy určitě přišel do styku s událostmi, které prohlížeč vytváří při nějaké akci a které putují celou stránkou až nakonec vykonají vše co měli. Typickou používanou událostí je onclick, onload, nebo onmouseover. Tyto události se obvykle zapisují přímo do html kódu, nicméně JAK obsahuje moc pěkný způsob jak nějakou vlastní funkci navěsit na událost kdykoli během života prvku. Místo obvyklého známého:
<img id="klikni_na_me" src="http://zeropage.cz//klikni_na_me.png" alt="klikni na mě" onclick="window.fce()">
Můžete někde později navěsit událost na prvek a následně je zpracovat pomocí těchto funkcí:
JAK.Events.addListener(
elm, 'click', window, fce); // elementu elm navěsí funkci window.fce
// na událost onclick
JAK.Events.removeListener(id); // odebere událost vytvořenou metodou
// addListener
JAK.Events.getTarget(e); // vrátí prvek, na kterém vznikla událost e
JAK.Events.cancelDef(e); // zruší výchozí akce pro událost e

Všimněte si že do názvu události již nepíšete první dvě písmena on! Tento mechanismus mě připadá velmi užitečný. Jednak umožní oddělit kód javacriptu od html kódu a dále tak lze šikovně ulevit prohlížeči, který javascript neumí nebo která ho má vypnutý (i když se to už moc nevidí).

AJAX

Zaklínadlo a pro začátečníky zároveň strašidlo ve světe javascriptu. Ve skutečnosti to není nic jiného, než explicitní dotaz na server. Javascript prostě odešle na server požadavek, GET nebo POST či jiné. Odpověď spustí callback a ten vrácenou stránku zpracuje, například tak, že její obsah vloží do nějakého prvku na stránce.

JAK tomuto postupu jak jinak než napomáhá, obaluje kód vlastním rozhraním, díky kterému je implementace AJAXu velmi snadná. Následující ukázka ukazuje, jak snadné je dotázat se serveru javascriptem.
var req = new JAK.Request(          // vytvoří xhttp request
JAK.Request.XML, {asyc: false, timeout: false, method: 'get'});

req.setCallback(window, fce); // nastavi fci window.fce jako callback po
// dokončení požadavku
req.send('url', {arg: value}); // odešle požadavek na url


function fce(data, status){ // definici callbackus
if (status != 200) // test na http status 200 Ok
return;

alert(data); // xml dom nebo txt data atd...
}

Závěrem

Ještě než Vás zahrnu odkazy, upozorním na dvě užitečné věci. Prvním je obalené logování pomocí metody console.log(), která nekončí chybovým stavem v případě, že neexistuje objekt window.console. A druhou věcí je objekt JAK.Browser, který obsahuje atributy identifikující prohlížeč.

Stránka kde najdete kompletní dokumentaci včetně příkladů je http://jak.seznam.cz. Knihovna je distribuována pod MIT licencí. JAK obsahuje daleko více než obal různých metod a na stránce tak najdete definované třídy nebo gui objekty. Na ně se podíváme příště, nicméně kód těchto objektů je výborná ukázka programování pomocí JAKu. Obdobně tomu tak je u mapáckého api: http://api.mapy.cz/. To je na JAKu postavené, resp. z tohoto api JAK vlastně vychází.

Verze pro tisk

pridej.cz

 

DISKUZE

Nejsou žádné diskuzní příspěvky u dané položky.



Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

15.5.2017 23:50 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt, který se bude konat ve čtvrtek 18. května od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

12.5.2017 16:42 /Honza Javorek
PyCon CZ, česká konference o programovacím jazyce Python, se po dvou úspěšných ročnících v Brně bude letos konat v Praze, a to 8. až 10. června. Na konferenci letos zavítá např. i Armin Ronacher, známý především jako autor frameworku Flask, šablon Jinja2/Twig, a dalších projektů. Těšit se můžete na přednášky o datové analytice, tvorbě webu, testování, tvorbě API, učení a mentorování programování, přednášky o rozvoji komunity, o použití Pythonu ve vědě nebo k ovládání nejrůznějších zařízení (MicroPython). Na vlastní prsty si můžete na workshopech vyzkoušet postavit Pythonem ovládaného robota, naučit se učit šestileté děti programovat, efektivně testovat nebo si v Pythonu pohrát s kartografickým materiálem. Kupujte lístky, dokud jsou.
Přidat komentář

2.5.2017 9:20 /Eva Rázgová
Putovní konference československé Drupal komunity "DrupalCamp Československo" se tentokrát koná 27. 5.2017 na VUT FIT v Brně. Můžete načerpat a vyměnit si zkušenosti z oblasti Drupalu 7 a 8, UX, SEO, managementu týmového vývoje, využití Dockeru pro Drupal a dalších. Vítáni jsou nováčci i experti. Akci pořádají Slovenská Drupal Asociácia a česká Asociace pro Drupal. Registrace na webu .
Přidat komentář

1.5.2017 20:31 /Pavel `Goldenfish' Kysilka
PR: 25.5.2017 proběhne v Praze konference na téma Firemní informační systémy. Hlavními tématy jsou: Informační systémy s vlastní inteligencí, efektivní práce s dokumenty, mobilní přístup k datům nebo využívání cloudu.
Přidat komentář

15.4.2017 15:20 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě IoT a radiokomunikace? Přijď na sraz spolku OpenAlt, který se bude konat ve středu 19. dubna od 18:30 v Šenkovně (Sokolská 60, Praha 2).
Přidat komentář

5.3.2017 19:12 /Redakce Linuxsoft.cz
PR: 23. března proběhne v Praze konferenci na téma Cloud computing v praxi. Hlavními tématy jsou: Nejžhavější trendy v oblasti cloudu a cloudových řešení, Moderní cloudové služby, Infrastruktura současných cloudů, Efektivní využití cloudu, Nástrahy cloudových řešení a jak se jim vyhnout.
Přidat komentář

27.2.2017 22:12 /František Kučera
Pozvánka na 137. sraz OpenAlt – Praha: Tentokrát jsme si pro vás připravili neobvyklou akci. Ve středu 1.3. v 17:30 nás přivítá sdružení CZ.NIC ve svých prostorách v Milešovské ulici číslo 5 na Praze 3, kde si pro nás připravili krátkou prezentaci jejich činnosti. Následně navštívíme jejich datacentrum pod Žižkovskou věží. Provedou nás prostory, které jsou běžnému smrtelníkovi nedostupné!
Po ukončení prohlídky se všchni odebereme do hostince U vodoucha, Jagelonská 21, Praha 3 pochutnat si na některém z vybraných piv či dát si něco na zub. Rezervaci máme od 19:30, heslo je OpenAlt.
Ale pozor! Do prostor datového centra máme omezený přístup, dostane se tam pouze 10 lidí! Takže kdo přijde dříve, ten má přednost, a občanky s sebou! Kdo nebude chtít na prohlídku datového centra, může se pomalu přesunout do hostince U vodoucha a u nepřeberné nabídky piv počkat na ostatní.
Přidat komentář

18.1.2017 0:49 /František Kučera
Členové a příznivci spolku OpenAlt se pravidelně schází v Praze a Brně. Fotky z pražských srazů za uplynulý rok si můžete prohlédnout na stránkách spolku. Příští sraz se koná už 19. ledna – tentokrát je tématem ergonomie ovládání počítače – tzn. klávesnice, myši a další zařízení. Také budete mít příležitost si prohlédnout pražský hackerspace Brmlab.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

1.8.2017 7:32 / Cassidy
structural consultants

30.7.2017 11:12 / Jaromir Obr
Národní znaky

27.7.2017 12:24 / Jaromir Obr
Cteni/zapis

26.7.2017 21:12 / Jaromir Obr
Podminka

15.6.2017 9:34 / Ondřej Havlas
php,

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2017) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze