Aktuální kategorie: JavaScript a Ajax

Funkce jsou základním stavebním kamenem snad každého programovacího jazyka. Programové kódy JavaScriptu se z větší části skládají ze samostatných funkcí, jejichž spouštění je často vázáno na výskyt událostí v HTML dokumentu. Tímto způsobem lze ošetřit, co se má stát, když uživatel přejede myší nad obrázkem, stiskne klávesu, zavře okno prohlížeče a mnoho dalších.

Jako jiné programovací jazyky i JavaScript má podmínkové příkazy, příkazy cyklu (a další) pro rozhodování, která část skriptu a kolikrát má být provedena. Základním klíčovým slovem při rozhodování je "if". Ale pojďme již rovnou mezi syntaxi, sémantiku a konkrétní příklady.

Co se stane, když se pokusíte sečíst číslo, numerický řetězec a hodnotu typu Boolean? Podobné situace nastávají v praktickém životě programátora velmi často. Proto jsem se jim rozhodl věnovat speciální díl Slabikáře.

Po úvodním seznámení s proměnnými si nyní ukážeme, jak s hodnotami jednotlivých datových typů nakládat. Popíšeme operátory a jejich použití. Zvýšený důraz je ve výkladu kladen na ty charakteristiky JavaScriptu, které jsou buď odlišné od jiných programovacích jazyků nebo dělají začátečníkům problémy.

Následující skript jsem vytvořil jako náhradu běžícího textu, který pracuje pouze v IE, a blikajícího textu, který naopak pracuje pouze v NN.

Tento díl výuky JavaScriptu bude pojednávat o základních stavebních kamenech každého programu - tím jsou proměnné a jejich datové typy. Uvedeny budou také některá základní pravidla pro práci s proměnnými a s ne zcela běžnými hodnotami.

Mnoho lidí již tvoří více nebo méně složité internetové stránky. Většinou se začíná obyčejným HTML kódem, který však sám o sobě neposkytuje to, co od stránek vyžadujeme. Proto je nutné začít psát programové skripty. JavaScript patří mezi ty, které se spouštějí na klientské straně přímo v internetovém prohlížeči.

V minulém článku jsem ukázal, jak můžete inteligenci oken využít, dnes se budu věnovat více obecným principům v přístupu k oknům.

Následující skript jsem vytvořil jako náhradu běžícího textu, který pracuje pouze v IE. Pomocí absolutního pozicování a atributu hidden/visible můžete se zapojením JavaScriptu vytvořit reklamní proužek, který bude postupně nabízet vámi přednastavené texty.

Dnešním článkem končím seriál zabývající se vytvářením dynamických menu pomocí DHTML a ukáži vám, jak vytvořit opravdové vysouvací menu.

Náš seriál o dynamických menu funkčních v nejpoužívanějších prohlížečích se pomalu chýlí ke konci. Dnes se podíváme na to, jak vytvořit menu s podnabídkami.

Stavá se, že potřebujete pracovat s více okny prohlížeče. Většinou tato okna slouží jako upoutávky na právě probíhající akce, reklamu ad. Víte ale, jak takovým oknům vdechnout inteligenci?

Tentokrát se podíváme na to, jak vytvořit menu, které se objeví při přejetí myší nad nabídkou. Opět bude funkční ve všech dnes nejpoužívanějších prohlížečích.

V minulém dílu jsme začali vytvářet dynamické menu, které se objeví po stisknutí tlačítka myši. Dnes jej dokončíme.

Po trochu obecnějším úvodu si dnes vytvoříme nabídku, která se objeví po stisknutí tlačítka myši. Opět bude zajištěna funkčnost ve všech v současnosti nejpoužívanějších prohlížečích.

V jednom z článků jste si mohli přečíst, jak upravit barvy scrollbaru pro Internet Explorer. Zkusili jste si ale vytvořit zcela libovolný posuvník?

Dnešním článkem začínáme seriál, ve kterém se budeme zabývat vytvářením dynamických menu pomocí DHTML tak, aby fungovala ve všech nejpoužívanějších prohlížečích (Internet Explorer 4+, Netscape 4+, Opera 4+, Mozilla). Současně bude menu vhodné i pro nevizuální prohlížeče a vyhledávací roboty.

Publikujete na svých stránkách návody, zdrojové kódy a podobné články, kterými vysvětlujete čtenářům řešení některých problémů? Pak jim zjednodušte uložení zadaného textu z webu na lokální počítač.

V předchozím článku jste získali editor umožňující snadno upravovat vzhled textu ve formuláři. Uvedený editor ovšem funguje jen v Internet Exploreru, v ostatních prohlížečích nepracuje korektně. V tomto pokračování se dozvíte, jak lze editor udělat použitelný ve všech prohlížečích.

V řadě aplikací uvítáte, když si klient může z formuláře ve stránce sám upravit vzhled odesílaného textu (vložit aktivní odkazy, obrázky nebo multimediální obsah) - např. při vkládání inzerátu nebo příspěvku do diskusního fóra. Uvedený DHTML editor sice pracuje jen v prohlížeči IE4+ na Windows (na Macu bohužel obvykle zbortí prohlížeč), ovšem i tak je naprosto ideální pro nasazení v intranetu.

V jednoduchém příkladu generování náhodného zadání hlavolamu "15" využijeme generátor pseudonáhodných čísel. Vyzkoušíte si také vyhledání určitých prvků pole a výměnu dílků s čísly 14 a 15, kterou jsem vám slíbil v předchozím článku. Nakonec zaměníte formulářová tlačítka za obrázky, čímž vylepšíte vzhled hlavolamu.

Pomocí hlavolamu "Patnáctka" vám vysvětlím, jak vyzrát v JavaScriptu na dvourozměrná pole. Současně si procvičíte přístup k vlastnostem formulářových prvků, konkrétně tlačítek. Věřím, že studium příkladu vás nejen poučí, ale i pobaví.

Tento článek popisuje další z řady animačních efektů, které můžeme použít pro zvýraznění aktuální nabídky, důležitých odkazů nebo jiné zajímavé části WWW stránky. Sada textů je pomocí JavaScriptu animována v textovém poli vyhrazeného formuláře.

Jak jsem vám slíbil v závěru minulého článku, vrátíme se dnes k RGB kalkulačce s několika vylepšeními. Všechna se budou týkat barevných palet.

Možno sa vám už niekedy stalo, že ste robili stránku, ktorá obsahovala obrázky, ktoré sa pri nejakej príležitosti menili (napr. menu), alebo stránku obsahujúcu väčšie množstvo obrázkov. No a v takom prípade bolo niekedy na škodu, že sa stránka vykresľovala postupne, alebo v prípade menu, ak sa obrázky menili a vtedy, ak bol nad nimi kurzor myši, tak sa tie obrázky chvíľu doťahovali.

Na žádost jednoho ze čtenářů si v tomto článku ukážeme postup, jak lze pomocí JavaScriptu docílit stránkování při výpisu více záznamů. I když se jedná o úkol, který je obvykle svěřován serverovým skriptům a databázím, lze s jistými omezeními podobnou funkčnost nasimulovat také na klientské straně.

V tomto článku si ukážeme skript, s jehož pomocí lze snadno vybírat barvy pro WWW stránky. Ve skriptu je možno zadávat barvy interaktivně, tj. změnou podílu jednotlivých barevných složek. Dále skript podporuje oboustranné převody z/do formátu RGB a z/do hexadecimální definice.

V tomto článku se ještě jednou vrátíme ke skriptu pro náhledy obrázků a ukážeme si jeho některá vylepšení. K obrázkům přidáme textové popisky, skript rozšíříme o možnost otevírat obrázky v novém okně a přidáme užitečnou funkci "SlideShow" - postupného zobrazení všech obrázků. Navíc jsem vám jako bonus nakreslil nový obrázek - velice hezkého slona.

V dnešnom článku sa vrátim k svojej srdcovej záležitosti - JavaScriptu. Predstavím vám pár zaujímavých skriptov od jedného autora. Môžete ich použiť na svojich stránkach, alebo sa naučiť niečo nové z JavaScriptu.

Na mnohých stránkách (včetně interval.cz) pomáhá k orientaci navigační pruh zobrazený někde v záhlaví stránky a ukazující, kde se ve struktuře webu právě nacházíme. Tyto pruhy jsou na velkých webech vesměs generovány serverovým skriptem z databáze. Na menším webu si pro stejnou práci můžeme vypomoci krátkým JavaScriptem.