Příklady využití AJAXu

V první řadě je nutno říct, že následující příklady vetšinou nevyužívají AJAX (Asynchronous JavaScript and XML) jako takový, ale vystačí si pouze s javascriptem (neprobíhá žádná komunikace se serverem na pozadí).

jQuery Coda Slider

jQuery Coda Slider vykouzlí plynulý efekt posouvání mezi jednotlivými stránkami v obalovacím boxu. Ve skutečnosti se nejedná o načítání dalších stránek, ale jen zobrazení části obsahu jednoho souboru.

demo | homepage

Perspective Tabs

Perspective Tabs (dříve Sliding Tabs) je jednoduchý plug-in pro mootools, který umožnuje vtěsnat do malého prostoru neomezené množství záložek. Na stejném principu je možné vytvořit i velmi jednoduchou galerii s klouzavými náhledy.

homepage

jQuery ID Tabs

idTabs je dalším z mnoha plug-inů pro jQuery. Díky němu se přidávání dalších záložek do obsahu stránky stane opravdu snadné a jeho jednoduchost a možné upravy otvírají dveře nekonečným možnostem.

homepage

Ajax Tabs Reloaded

Ajax Tabs Reloaded umožnují dynamicky otvírat/zavírat další záložky, jejichž obsah je nahráván pomocí AJAXu.

demo | homepage

Drag & drop řaditelné seznamy (javascript a CSS)

Ve webových aplikacích se často setkáváme s různými způsoby změny řazení položek seznamu (pomocí šipek nahoru/dolů...). Metoda drag & drop je uživatelsky velmi pohodlná, dává nám značnou volnost a přesto je zachována absolutní přehlednost.

homepage

Nákupní košík s využitím Script.aculo.us

Drag & drop nákupní košík s využitím Script.aculo.us.

demo | homepage

HTMLHttpRequest - Ajax website za 10 minut

Vytvořit si vlastní webovou stránku s využitím Ajaxu za méně než 10 minut je hračka. Pomocí skriptu HTMLHttpRequest je možné dynamicky aktualizovat jakékoliv místo webové stránky a vytvořit tak bohatou client-side aplikaci, která posílá/přijímá data na/ze serveru.

demo | homepage

Dynamicky načítané články

Ajax Tabs Reloaded umožnují dynamicky otvírat/zavírat další záložky, jejichž obsah je nahráván pomocí AJAXu.

demo | homepage

AJAX-S

AJAX-S (zkratka pro AJAX-Slides) je velmi jednoduché slideshow založené na (X)HTML, CSS a javascriptu. Obsah jednotlivých slidů je umístěn v samostatných XML souborech, o jejichž zobrazování se stará Ajax.

demo | homepage

Řazení buněk v tabulce

Řadit řádky (nebo jen buňky) tabulky není na webu běžně k vidění. Tento příklad ukazuje, že i (bez Ajaxu) to je možné.

homepage