Archiv rubriky: Užitečné

Méně známé typy inputů

Možná jste již řešili, jak pomocí JavaScriptu editovat a validovat input pro datum, email nebo URL. A pokud ano, jistě jste zjistili, že to není žádná sranda, trefit se správně do všech validačních pravidel a formátů.

A víte, že s HTML5 tahle nutnost odpadá, protože většina těchto typů inputů je již nativně podporována?

Pěkný přehled je na NativeFormElements.com/.

Pokračování textu Méně známé typy inputů

Když je IF moc dlouhý

Programátoři jsou příliš líní a napsat 6 znaků (IF(){}) potřebných pro vytvoření IF podmínky je často až příliš.

//správně
if (obj && obj.hasOwnProperty(value)) {
    return obj.value;
}

//kratší, ale může selhat
return obj.value

Ale skutečně je potřeba psát IF, nebo postačí nějaký chytrá konstrukce JavaScriptu, který je známý svou laxností k syntaxy?

Pokračování textu Když je IF moc dlouhý

Jak správně debugovat JavaScript?

Debugovat JavaScript většinou není problém – spustíte Nástroje pro vývojáře, Inspektor, Firebug, F12, apod. a nastavíte break-point (nebo prostě do kódu napíšete „debugger„).

Někdy ale narazíte na speciální situace, kdy není možné debugger použít (např. na mobilu, chytré televizi, apod.) nebo se debugger nechová přesně tak, jak byste očekávali.

Poznámka: následující ukázky kódu se mohou zdát nelogické, špatně navržené či dokonce chybné – ale o to přeci jde. Kdyby byl každý kód dokonale navržený a bezchybný, nebylo by ho potřeba debugovat!

Metody debugování

  1. Nejčastějším způsobem debugování javascriptu je již zmíněné vytvoření break-pointu nebo příkazu debugger, které je nejvhodnější, pokud potřebujete kód krokovat nebo se podívat na obsah nějakých proměnných v daném okamžiku.
  2. Další možností je zápis do konzole, které se hodí, pokud přímo nepotřebujete kód zastavit (nebo je to přímo nežádoucí), ale potřebujete se dozvědět o nějaké události nebo o obsahu nějaké proměnné. Moderní RIA (Rich Internet Applications) mohou do logu konzole zapisovat stejně často jako desktopové programy nebo mobilní aplikace.
  3. Třetí často používanou metodou je zobrazení alertu, které se dost podobá „brute force“ a používá se v okamžiku, kdy všechny ostatní metody selhávají a vy se potřebujete dozvědět, že došlo k nějaké události (nebo naopak nedošlo v důsledku v chyby v kódu).

Pokračování textu Jak správně debugovat JavaScript?

Nejužitečnější jQuery metody a jejich rozdíly

Vzhůru ke dnu

.html() vrátí obsah prvku v textové podobě včetně všech HTML značek. Zadáním parametru můžete naopak obsah změnit.

.text() vrátí obsah prvku v textové podobě, ale na rozdíl od .html() z textu odstraní všechny HTML značky. Lze tak dobře použít na text, který obsahuje odřádkování BR případně jiné formátovací značky (B, I, Strong, atd.) a vy potřebujete získat čistý text (např. pro zobrazení v tooltipu nebo alertu). Pokud do této metody zadáte parametr, dojde k automatickému nahrazení všech znaků, které nejsou bezpečné pro HTML, a následně je předán metodě .html().

Pokračování textu Nejužitečnější jQuery metody a jejich rozdíly

Zakomentování klávesou v Eclipse

Eclipse

Stiskem CTRL+SHIFT+L zobrazíte okno se seznamem aktuálně dostupných klávesových zkratek. Pro zakomentování řádky vás zajímá zkratka „Toggle comment“. Tím zjistíte, jak zakomentování řádku provést.

Pokud chcete zkratku změnit, stiskněte CTRL+SHIFT+L a zobrazí se nastavení klávesových zkratek (General > Keys). Zadáním „Toggle comment“ do vyhledávacího pole nahoře dojde k profiltrování zkratek. Pak již můžete přiřadit, co potřebujete.

Pokud je v poli Binding již něco zadáno, musíte to nejprve smazat! Pokud vám v poli Binding vznikce např. „CTRL+A, CTRL+B“, znamená to, že budete muset nejprve stisknout CTRL+A a poté ještě CTRL+B. Pokud chcete jen CTRL+B, musíte nejprve stiskem BACKSPACE smazat původní CTRL+A. Pokračování textu Zakomentování klávesou v Eclipse

Ajax komunikace s jiným serverem

Odesílat požadavky na jiný server, než ze kterého byl vás JS kód stažen (tzv. cross-domain request), je z bezpečnostních důvodů zakázáno. A přesto je v dnešní doby celá řada serverů, na které můžete poslat AJAX request a získat data (např. Google Maps API).

Vytvoření takového requestu a API, které ho zpracuje, je celkem jednoduché, ale je potřeba vědět, kde začít. Pokračování textu Ajax komunikace s jiným serverem

Geolocation: získání GPS pozice uživatele

Získání aktuální pozice uživatele je pro moderní webovou stránku základní předpoklad nabídnutí relevantních informací – ať už se jedná o zobrazení nejbližší kamenné prodejny nebo vypsání uživatelů z dané lokality (např. u internetové seznamky).

Stačí požádat

První, co musíte udělat, je ověřit, že daný prohlížeč poskytuje geolokační API. Pokud ho nenajdete, máte smůlu. Překvapivě ale většina současných prohlížečů ho poskytuje, desktopové nevyjímaje. Pokračování textu Geolocation: získání GPS pozice uživatele