 |
<BODY> <P>Zde je snímek naší školy ve formátu
PNG: <OBJECT data="skola.png" type="image/png"> Toto je
<EM>snímek</EM> naší
školy. </OBJECT> </BODY>
Předchozí verze HTML umožňovala vkládání obrázků (pomocí tagu IMG) a
apletů (tag APPLET), což přinášelo některá zásadní omezení:
- nebylo možné vkládat nové typy souborů
- tag APPLET pracoval pouze s aplety založených na Javě. Místo tohoto
tagu upřednostňuje nová norma element OBJECT.
Element OBJECT
dovoluje autorům určit vše potřebné k tomu, aby se vkládaný objekt
zobrazil bez ohledu na použitý prohlížeč. Kromě toho, že lze pomocí tohoto
tagu vkládat do stránky typy souborů, jež prohlížeč standardně
nepodporuje, můžete jím alternovat i některé stávající tagy:
- Obrázky - místo tagu IMG.
- Aplety - místo tagu APPLET.
- Další HTML dokumenty - místo tagu IFRAME ("plovoucí" rám).
Pojďme se tedy podívat na tag OBJECT poněkud podrobněji.
Začneme, jak jinak, popisem atributů:
- classid - určuje umístění programu, který zpracuje vložený
objekt (například pokud vložíte video sekvenci, určíte v tomto atributu
adresu přehrávače). Kromě adresy lze použít i volání knihovny z registrů
a sice následujícím způsobem:
<OBJECT classid="clsid:99B42120-6EC7-11CF-A6C7-00AA00A47DD2"
id=lbl1 width=40 height=250> <PARAM name="angle"
VALUE="90"> <PARAM name="alignment" VALUE="2"> <PARAM
name="BackStyle" VALUE="0"> <PARAM name="caption"
VALUE="Zdravíme všechny čtenáře"> <PARAM name="FontName"
VALUE="Arial"> <PARAM name="FontSize"
VALUE="15"> <PARAM name="FontBold" VALUE="0"> <PARAM
name="frcolor" VALUE="9999999"> </OBJECT>
Pokud se podíváte do registrů do klíče
HKEY_CLASSES_ROOT\CLSID\, najdete zde větev nazvanou
{99B42120-6EC7-11CF-A6C7-00AA00A47DD2} (tedy stejně jako hodnota
našeho parametru classid). Při podrobnějším zkoumání zjistíte, že
náš vložený objekt zpracovává ActiveX OLE komponenta IELABEL.OCX,
jíž jsou předány všechny parametry v elementech PARAM. K tomu, abyste
věděli, jak parametry přidat, musíte znát způsob volání zmíněné
komponenty, což už je ovšem spíše doménou programátorů.
- codebase - adresa, která je společná všem souborům uvedených
v parametrech classid, data a archive. Pokud tento
parametr neurčíte, dosadí si browser adresu právě otevřeného dokumentu.
- codetype - určuje typ dat, které má prohlížeč stáhnout. Tento
typ vychází z normy RFC2046, kterou můžete najít na http://ds.internic.net/rfc/rfc2046.txt.
Třemi výše uvedenými parametry jsme prohlížeči sdělili, kde
najde program potřebný ke zpracování našeho vloženého objektu a jakým
způsobem má tento program stáhnout. Nyní přichází na řadu vlastní objekt.
- data - určuje adresu souboru, který bude zpracován výše
uvedeným programem.
- type - stejně jako codetype určuje typ dat, která
budou stažena.
- archive - tento parametr slouží k zadání alternativních adres
pro případ, že by soubor zadaný v parametru data nebyl z
jakéhokoli důvodu dostupný. Pokud budete chtít zadat více náhradních
adres, oddělte je mezerami.
- standby - velmi užitečný parametr, který prohlížeč zobrazuje
do doby, než jsou nahrané všechny potřebné programy a data.
V
tuto chvíli máme nadefinovaná jak data, tak i program potřebný k jejich
prezentaci. Zbývá pouze nastavit parametry celého objektu, což je velmi
podobné definování parametrů obrázků:
- align - zarovnání
- width - šířka (v pixelech)
- height - výška (v pixelech)
- border - šířka rámečku (v pixelech)
- hspace - volný prostor kolem objektu v horizontálním směru (v
pixelech)
- vspace - volný prostor kolem objektu ve vertikálním směru (v
pixelech)
Nyní se podívejte na následující ukázku a zkuste
odhadnout, co se asi tak stane v případě, že takovýto kód vložíte do své
stránky.
<OBJECT
classid="http://www.observer.mars/TheEarth.py"> <OBJECT
data="TheEarth.mpeg" type="application/mpeg"> <OBJECT
data="TheEarth.gif" type="image/gif"> Obrázek
<STRONG>země</STRONG> z
vesmíru. </OBJECT> </OBJECT> </OBJECT>
Právě tato vlastnost je na elementu OBJECT velmi užitečná - pokud totiž
váš prohlížeč nebude umět otevřít soubor TheEarth.py (napsaný v
jazyce Python), pokusí se na stejném místě zobrazit soubor
TheEarth.mpeg. Jestliže ani v tomto případě nepochodí, otevře
obrázek TheEarth.gif a pokud ani ten nepůjde z nějakého důvodu
zpracovat, ukáže pouze textovou zprávu.
Element PARAMObjektům lze, jak jsme si ukázali na příkladu s
kolmým textem, předávat různé parametry. Ty se definují v elementu PARAM,
který má následující atributy:
- name - jméno parametru
- value - hodnota parametru
- valuetype - nabízí tři hodnoty: data, ref a
object:
- data - objektu je přímo předána hodnota uvedená ve
value.
- ref - value odkazuje na adresu, kde jsou umístěna
data, jež budou předána objektu
- object - odkazuje na jiný objekt na téže stránce.
- type - používá se pouze v případě, že parametr
valuetype má hodnotu ref a určuje typ dat, která budou
stažena ze zadané adresy.
Pro lepší objasnění se podívejme na
následující ukázku:
<OBJECT
classid="http://www.miamachina.it/analogclock.py"> <PARAM
name="height" value="40" valuetype="data"> <PARAM name="width"
value="40" valuetype="data"> Váš prohlížeč neumí zobrazovat aplikace
napsané v jazyce Python </OBJECT>
V tomto případě se volá program analogclock.py a jsou mu předány
parametry height a width s hodnotou 40. Je na
samotném programu, jak tyto parametry zpracuje - ve zde uvedené ukázce
nastaví šířku a výšku na 40 pixelů.
Myslím, že pro dnešek jste zavaleni informacemi až po krk, takže si
dáme pohov. Zkuste si pohrát s vkládáním objektů a těšte se na příští
týden, kdy nás čekají obrázkové mapy.
Související články:
Zajímá-li vás
bližší pohled na tento článek, podívejte se na něj v
souvislostech.
 |
 |