Nejsme kamzíci, abychom skákali ze stránky na stránku...
iFrameHojně diskutovaná část Frames (rámců). Zatímco klasické Frames pomalu opouští webovou scénu, jejich kolega iFrame (plovoucí rámec) si stále své uplatnění najít může a to asi především v řadách lidí, kteří nevládnou PHP.
Frames i iFrame slouží k zobrazení více stránek v jedné. Cílem obou je dosáhnout toho, aby stránky měly část statickou, která se nemění (menu) a část, ve které se stránky mění dle uživatele (hlavni).
Rozdíl mezi Frame a iFrame:
Z obrázku je patrné, že červená barva je jeden soubor (menu.html) a modrá druhý (hlavni.html). V případě Frames musíte mít základní soubor (např. index.html) ve kterém uvedete rozměry, počet a styl Frames a hlavně cestu k daným souborům.
V případě iFrame máte pouze jednu stránku (např. index.html) do které vlastně uděláte díru, ve které se bude obsah měnit podle menu v hlavní stránce.
Tradičně si ukážeme zápis obrázku a následně vysvětlím
<iframe src=hlavni.html name=hlavni scrolling=AUTO align=middle width=100 height=100 frameborder=0>
Chce to novej prohlížeč...</iframe>
src=hlavni.html
Cesta k hlavní stránce, neboli stránce, která která bude v měnící se části a bude zobrazena jako první.
name=halvni
Jméno rámce - dosti důležité pro tvoření odkazů, které mají načítat další stránky v iFrame.
scrolling=AUTO / NO / YES
Zobrazení posunovacích lišt na samotném iFrame. Doporučuji zadávat AUTO pro případ, že by se obsah nezobrazil celý, ale celou dobu tam taky strašit nemusí.
align=middle
Zarovnání - obdobné jako třeba u obrázků
width a height
Šířka a výška - zadává se stejně jako jinde.
frameborder=0
Rámeček. Implicitně je tuším 1 a slouží pro splinutí plovoucího rámce s okolím
Chce to novej prohlížeč...
iFrame je párový tag a musí být uzavřen
</iframe>
Pokud tak neučiníte, zbytek stránky se vám nezobrazí. Text, který se nachází mezi
<frame> a </iframe> zobrazí pouze prohlížeče, které nepodporují funkci iFrame - dnes zanedbatelné.
Další parametry nepovažuji za nutné, ale pokud vás zajímají, lze je najít třeba na www.owebu.cz
A teď si náš plovoucí rámec můžeme vyzkoušet. Jako statickou část použijeme tuto stránku a do ní vložíme malý iFrame, který bude odkazovat třeba na banan hosting.
Jak na ty odkazy?
Pokud máme odkaz v červené části (viz. obrázek) a chceme změnit stránku v části modré, musíme prohlížeči, kromě adresy stránky, zadat místo kde jí zobrazit - iFrame! Víme, že odkaz se jmenuje hlavni a tak vytvoříme odkaz:
<a href=jinastranka.html target=hlavni>jina stranka</a>
Na závěr si ukážeme výsledný iFrame ještě jednou a tentokrát i s odkazy, které vám umožní změnit obsah v iFrame.
Seznam.cz; Atlas.cz
Celý kód odkazů a rámce:
<a href=http://www.seznam.cz target=hlavni>Seznam.cz</a>; <a href=http://www.atlas.cz target=hlavni>Atlas.cz</a>
<iframe src=http://www.banan.cz name=hlavni scrolling=AUTO align=center width=300 height=300 frameborder=1>
Chce to novej prohlížeč...</iframe>
Oproti PHP, kde aktivní část stránky oplácáváte statickou částí celého webu je iFrame pravý opak. Zde do části, která se nemění (ale může) vložíte okno (iFrame) ve kterém se zobrazují další stránky. Každá varianta má své pro a proti. PHP vám budou načítat celou stránku vždy zas a znova a iFrame se vám nikdy nebude přizpůsobovat podle velikosti vnořené stránky - jeho velikost je pevná.
Jak Frames (u kterých to chápu) tak iFrame má mnoho odpůrců, ale záleží pouze na vás jakou metodou rozhýbete motor vašich webových stránek.
Při dobrém použití tabulky a iFrame můžete dosáhnout docela pěkného výsledku, ale to už záleží jenom na vaší dovednosti. Mohu vám nabídnout ukázku 2 stránek, kde je použitý právě iFrame:
Kozanozdra.com
Biotrade.cz
Autor: El Carlos
2024 ©