![]() Specializovaný týdeník o výpočetní technice o Internetu (CW 42/97) Oživování WWW stránek
David Štrupl
Narazíme-li při procházení Webu na stránku, kde se něco hýbe, je v zásadě několik možností, jak taková věc mohla vzniknout. Probereme si nyní po pořádku prostředky, které má návrhář stránky k dispozici. Naučíme se poznávat, o které oživení HTML se jedná. Budu zde popisovat postup v prohlížeči Netscape Navigator, u ostatních prohlížečů by postupy měly být analogické.
Animovaný gif Nejjednodušší forma oživení stránky spočívá v tom, že pomocí grafického programu vytvoříme tzv. animovaný gif, neboli obrázek obsahující animaci. Na stránce jej poznáme podle toho, že
- pokud na něj klikneme pravým tlačítkem myši (Netscape Navigator), tak se v položce menu objeví řádek View Image nebo Save Image As, - ve zdrojovém kódu HTML je příkaz <img src="neco.gif">.
Pokud chceme takový obrázek vytvořit, stačí použít příslušný grafický program a do HTML stránky jej vložíme jako obyčejný obrázek.
Plug-in Pokud máme prohlížeč vybaven pro prohlížení některých druhů souborů speciálním doplňkem (plug-in), může WWW stránka obsahovat příkaz:
<embed src="Afls/shiplogo.afl">
Příkazem embed se vkládají na stránku speciální druhy obsahu. Jestliže chceme zjistit, zda náš prohlížeč daný soubor dokáže zpracovat, musíme to zjistit např. v položce menu About Plugins (Netscape). Např. můj prohlížeč má nainstalovánu podporu pro hraní zvuků -- bude-li stránka obsahovat následující příkaz:
<embed src="Sound.wav" width=200 autostart=true>
bude prohlížeč hrát. Použití plug-inů je však limitováno pouze na uživatele s příslušným prohlížečem.
Java Java applet poznáme podle toho, že ve zdrojovém kódu stránky najdeme příkaz:
<applet code=Zobraz.class width=100 height=100> </applet>
Java applet se nastartuje, pokud prohlížeč podporuje Javu a uživatel používání Javy povolil.
JavaScript JavaScript je jazyk rozšiřující HTML, který navrhla a implementovala firma Netscape. Na jejích stránkách je tedy vhodné hledat případné poučení o tomto jazyce (http://www.netscape.com). V tomto článku si ukážeme, jak použít některé příkazy JavaScriptu pro oživení našich WWW stránek. Příkazy JavaScriptu se mohou v HTML vyskytovat na kterémkoliv místě stránky. Obvykle se však objevují na dvou místech. Na začátku stránky bývá uvedeno několik pomocných funkcí. Všechny části stránky napsané v JavaScriptu jsou součástí příkazu <SCRIPT>. Za tímto příkazem následuje vlastní kód programu v JavaScriptu. Druhé místo, kde se JavaScript může vyskytovat, je jako součást některých obyčejných HTML příkazů, kde ho najdeme v podobě dalších parametrů příkazů. Na tomto místě si nebudeme ukazovat kompletní programování v JavaScriptu -- příkaz SCRIPT necháme na speciálnější pojednání. Podíváme se ale, jak modifikovat některé vlastnosti naší stránky pomocí jednoduchých příkazů přidaných jako parametry ke standardním příkazům HTML jazyka. Nejvděčnější je ukázka, jak změnit obrázek při nějaké události. Reakci na událost připojíme např. k příkazu kotvy:
<a href=z.html onMouseOver="obrazek.src='obr2.jpg';" onMouseOut="obrazek.src='obr1.jpg';"> <img src="obr1.jpg" name=obrazek> </a>
Předpokládejme, že chceme, aby se na nějakém místě zobrazil obrázek obr1.jpg. V okamžiku, kdy uživatel přejede myší přes hyperlink, obrázek se změní na obr2.jpg. Tohoto efektu je dosaženo tím, že příslušná linka obsahuje reakce na události onMouseOver a onMouseOut. Všimněte si, že k tomu, aby se obrázek změnil, je nutné jej pojmenovat pomocí parametru name příkazu img. Na toto jméno se pak můžeme odkazovat z příkazů JavaScriptu. JavaScript se dá použít ještě na několik dalších oživení stránky, např. při vyplňování formulářů. Pouze je třeba mít na paměti, že příkazům rozumí pouze několik nejběžnějších prohlížečů (Netscape, MSIE) -- ostatní uživatelé našich stránek mají smůlu. Je vhodné vždy uživatele upozornit, že všechny možnosti stránky nemusí být plně využitelné ve všech prohlížečích.
| <<< | COMPUTERWORLD | IDG CZ homepage | |