Aktuální kategorie: JavaScript a Ajax

JavaScript se v průběhu let rozvíjel a začleňoval do sebe další technologie. Nejdůležitější z nich (DOM, OOP, regEx, AJAX, canvas) si nyní představíme.

Bez regulárních výrazů se dnes programátoři neobejdou a je dobré seznámit se s jejich možnostmi i v JavaScriptu. Článek obsahuje test vašich znalostí.

Webové aplikace často potřebují ukládat data u klienta mezi jednotlivými požadavky a sezeními. Zatím se pro tento účel využívají cookies. Na některé úkoly však cookies nestačí. Čím je tedy v budoucnu nahradíme?

Nedávno jsem stál před úkolem napsat javascriptový kód pro rozklikávací menu (jednotlivé větve navigace se zobrazují a schovávají po kliknutí myší, tedy z pohledu JavaScriptu při události "onclick"). Všechna řešení, která lze obvykle na internetu najít, však byla příliš komplikovaná nebo nevyhovovala technicky. Nakonec jsem si navrhl vlastní řešení, které se mi osvědčilo a se kterým bych vás proto chtěl seznámit.

Vývoj webových aplikací je historicky spojen s technologiemi jako HTML, CSS nebo JavaScript, v posledních letech se však rychle začínají prosazovat alternativní přístupy, z nichž mezi nejvýznamnější patří technologie Adobe Flex. Protože je Flex v České republice zatím poměrně neznámý, tento článek vám chce ukázat, jak vývoj ve Flexu probíhá a co lze od této technologie očekávat.

DHTML transformace a filtry, které jsou dnes částečně dostupné ve všech prohlížečích, většina autorů stále ještě nedocenila. Přitom je můžeme použít i pro vytvoření efektního obrázku na titulní stránce, aniž bychom se museli uchylovat k Flashi nebo jiným pomocným metodám.

Podľa základného spôsobu globálnej navigácie na internetových stránkach môžeme rozdeliť stránky do dvoch skupín. V prvej skupine sa používa menu s odkazmi na rázcestnikové stránky, ktoré obsahujú odkazy na stránky s podobnou tematikou, v druhej skupine sa používa rozbaľovacie menu s použitím kombinácie JavaScriptu a CSS alebo len čistých CSS štýlov. O výhodách a nevýhodách uvedených menu by sa dal napísať samostatný článok - v tomto článku je popísané menu, ktoré využíva výhody obidvoch typov menu.

Chtěli jste někdy v Javascriptu pracovat s DOMem pomocí CSS selektorů? Ne? To nevadí, jQuery vám to stejně umožní. A nejen to, umožní vám i spoustu jiných zábavných věcí. Těšíte se?

V tomto článku bude uvedený popis súborov, ktoré umožňujú zobrazenie článkov podľa parametrov nastavených vo vstupnom formulári v úvodnej stránke.

Knižnica článkov je jednoduchá internetová aplikácia na fulltextové vyhľadávanie abstraktov, článkov publikovaných vo vedeckých a odborných časopisoch alebo v zborníkoch konferencií či workshopov.

Na internetu existuje služba minilink.org, která dokáže zkrátit velmi dlouhý URL odkaz do rozumnější podoby. Přitom ale v linku zachovává jméno serveru a případně i typ (koncovku) odkazovaného souboru. Protože služba poskytuje i XML rozhraní, přímo se nabízí integrovat ji do aplikace pomocí technologie AJAX. Jestliže tedy vyvíjíte webovou aplikaci, která ukládá nebo používá URL odkazy, v tomto článku najdete návod, jak uživatelům nabídnout zkrácení dlouhých a nepřehledných odkazů.

Máte rádi all-in-one řešení? A proč se ptám? Protože Google Web Toolkit je právě jedním z all-in-one řešení. Určitě jsou frameworky, které zvládají jednotlivé stavební kameny GWT lépe, ale GWT je unikátní právě ve smíchání všeho potřebného k tvorbě Rich Internet Applications na platformě Java.

"Jejda. Něco je špatně. Nejste si jisti - byli jste to vy? Byly to stránky? Co dělat?" Vítejte do světa chybové stránky 404. Žádali jste stránku - ať už vepsáním URL přímo do adresní řádky prohlížeče nebo kliknutím na zastaralý odkaz a ocitli jste se uprostřed kybernetického prázdna. Uživatelsky přítulné stránky vám podají pomocnou ruku, zatímco většina ostatních jednoduše neudělá nic, spoléhaje se na vestavěnou schopnost prohlížeče vysvětlit uživateli, v čem je problém. Mohli bychom to však udělat lépe, nebo ne?

Před nějakým časem přede mnou vyvstala potřeba použití roletového menu v jedné webové aplikaci. Po poměrně podrobném a dlouhém hledání již hotových programů na webu jsem zjistil, že dostupná menu jsou buďto otřesná, nebo nepochopitelná, nebo za peníze, případně splňují všechny tři dříve uvedené přídomky zároveň. Proto jsem se pustil do tvorby vlastního programu a o výsledek, především zdrojový kód, bych se s vámi nyní rád podělil.

Pravděpodobně jste již viděli v akci našeptávač Seznamu, který není nepodobný řešení Google Suggest. Zatoužili jste někdy mít podobnou vymoženost na svém webu, ale nevíte, jak na to? Stačí trochu umět JavaScript a přečíst si tento článek.

Jestli jste se někdy setkali s požadavkem zvýrazňovat myší označené pole v klikací mapě, víte, že to není jednoduše proveditelný úkol. Element area totiž bohužel nepodporuje vlastnost "hover". V tomto článku si ukážeme, jak problém vyřešit v prohlížečích Internet Explorer, Opera a klonech na bázi Gecka. Vytvoříme si tak elegantní klikací mapu České Republiky.

V předešlých článcích jsme si předvedli použití různých metod pro práci s regulárními výrazy v JavaScriptu. Proč si tedy nevytvořit malou webovou aplikaci?

Metody String objektů používajících regulární výrazy jako svůj argument jsme si ukázali v předchozích dvou článcích. V tomto článku se budeme věnovat metodám RegExp objektů. V závěru se také podíváme na malé srovnání práce s regulárními výrazy v JavaScriptu a PHP.

V předchozích článcích jsme se věnovali obecnému úvodu do regulárních výrazů v JavaScriptu a probrali jsme také dvě metody objektu String, sloužící k manipulaci s regulárními výrazy. V tomto článku budeme pokračovat metodami match() a split().

V předchozím článku jsme si stručně zopakovali obecné konstrukce regulárních výrazů a tak se nyní můžeme směle pustit do  postupů a metod používajících regulární výrazy přímo v JavaScriptu.

Rich Internet Application, zkráceně RIA, je nový směr, kterým by se měla vydat další generace aplikací běžících na standardech internetu. Současné možnosti internetových či, chcete-li, webových aplikací jsou z hlediska uživatelského komfortu a funkcí limitovány omezeným rozsahem běžně rozšířených technologií internetu. Je tedy nutno hledat nové cesty, jak tato omezení odstranit, přičemž Rich Internet Application nám poskytují nový prostor pro vývoj potřebných řešení.

Nedávno jsem se věnoval vcelku obšírně perl-compatible regulárním výrazům a jejich nasazení v PHP a nyní došlo i na JavaScript. Tentokrát se již nebudeme tolik zabývat obecným konstruováním výrazů, ale pustíme se, po krátkém úvodu, přímo do jejich praktického použití v JavaScriptu.

V některých případech při otevírání odkazu do nového okna je pro uživatele pohodlnější, aby nevyskakovala další okna, pokud mu již jedno "naše okno" vyskočilo - to je jednoduché, nicméně takové okno se může skrýt v pozadí hlavního okna a uživatel pak nezaregistruje, že se jeho obsah změnil. V článku si nejen ukážeme, jak namísto otevření dalšího okna jen přenést již otevřené okno do popředí, ale také jak se sžít s v současnosti hojně využívanými blokátory vyskakovacích oken.

Formulářové pole textarea umožňuje vkládat i velmi dlouhé texty, jehož maximální délku narozdíl od textového pole není jednoduše možné omezit, protože atribut maxlength zde není podporován. V tomto příkladu si ukážeme, jak pomocí klientského skriptu nejen omezit maximální délku, ale i zvýšit komfort uživatele zobrazením poměrného využití povolené délky grafickým progressbarem.

V řadě webových aplikací je nežádoucí, aby uživatel mohl odeslat údaje z formuláře vícekrát. V této ukázce vyřešíme problém, kdy může uživatel vědomě nebo nevědomě odeslat více požadavků opakovaným kliknutím na odesílací tlačítko předtím, než dostane ze serveru odpověď.

Zejména na weby s cílovou skupinou netechnicky zaměřených uživatelů se může hodit odkaz, kterým si uživatelé přidají stránku ke svým oblíbeným odkazům. V tomto článku si ukážeme, jak funkci zajistit v prohlížečích Microsoft Internet Explorer, Opera a klonech na bázi Mozilly.

Drtivá většina podkladů pro firemní nety je v současnosti dodávána v podobě souborů vytvořených programem MS Word. Převod takových souborů do (X)HTML může být i při využití různých utilitek docela zdlouhavá práce, především když jsou součástí textu objemnější tabulky. Vytvoříme proto jednoduchý doplněk, kterým lze tabulku vyčistit od nepotřebného balastu automaticky, takže ho mohou použít i úplní laici.

Potřebujete si vytvořit vlastní fotoalbum na CD? Nebo nemáte možnost využít databázi nebo server-side skripty a chcete na svých stránkách mít vlastní fotoalbum? Na praktickém příkladě slide-show fotoalba si zde ukážeme využítí vazby dat v DHTML.

Při zobrazování tabulkových údajů je pro uživatele pohodlnější, pokud si může zvolit řazení řádků podle vybraného sloupce. V článku si ukážeme univerzální klientský skript, který můžeme aplikovat na běžně používané typy tabulek.