Z nejrůznějších důvodů již v nových prohlížečích nefunguje starý způsob zamezení opuštění stránky pomocí window.onunload nebo podobné způsoby.
Přesto existuje nová specifikace, která umožňuje zobrazení zprávy, ale již není tak jednoduchá a může se chovat různě.
Posíláte AJAX request a čekáte na jeho odpověď… a co takhle ten čas nějak využít? Třeba pro přípravu DOM prvků a JS proměnných.
jQuery a další frameworky často používají speciální techniku pro vytváření JavaScriptových funkcí, kdy, místo aby uváděli zdrojový kód pro každou funkci, nadefinují jména funkcí a obecný kód, který funguje pro všechny funkce.
Podívejme se podrobněji na výhody a nevýhody tohoto přístupu a postupy, jak ho použít k vlastnímu prospěchu.
Ověřit, že element, který jste našli, je ten, který jste hledali, se dá v jQuery jednoduše ověřit pomocí funkce is():
if (el.parent().is('.menu')) {
el.addClass('menu-item');
}
Problém je ale v tom, že funkce is() je dost pomalá a její použití výrazně zpomaluje prováděný kód.
Rozbalovací menu ve stylu Akordeonu (neboli česky tahací harmoniky) je oblíbené a dá se najít v celé řadě grafických frameworků (například v jQuery UI).
Pokud ale nechcete načítat celý framework jen kvůli sbalovacímu menu, můžete si ho jednoduše napsat sami. Pokračování textu Rozbalovací menu (Accordion)
Běžná situace – potřebujete po načtení stránky najet do formuláře, který je na jejím konci a dát kurzor do prvního inputu.
Celkem snadno vyzkoumáte, že k obojímu slouží funkce focus(), která předá kurzor do daného elementu a navíc na něj naskroluje, pokud je potřeba:
$(default_el).focus();
Zdánlivě vše funguje bez problémů až do chvíle, kdy se prohlížeč rozhodne, že z neznámého důvodu nebude na daný prvek skrolovat. Pokračování textu Pomoc! Nefunguje focus()
Jeden z nejužitečnějších pluginů pro jQuery je určitě jQuery timing, který mění celou jQuery knihovnu tak, abyste mohli mezi jednotlivé řetězené metody vkládat různá čekání, opakování a podmínky. Pokračování textu Časované řetězce v jQuery
.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
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
Zaokrouhlit na celé číslo může být celkem častá akce, zvláště pokud počítáte layout stránky dynamicky.
//zobraz 3 LI vedle sebe v jedné řádce
$('li').width($(window).width() / 3);
Jelikož DOM nemá moc rád desetinná čísla v nastavení pixelů (i když u zařízení s vyšším DPR mohou být „půl-pixely“ užitečné), je dobré spočtenou velikost zaokrouhlit:
//zobraz 3 LI vedle sebe v jedné řádce
$('li').width(Math.round($(window).width() / 3));Někdo ale rád používá parseInt pro jeho jednoduchost:
//zobraz 3 LI vedle sebe v jedné řádce
$('li').width(parseInt($(window).width() / 3));