Framek használata. a terület felosztása bizonyos arányban pl. a 1:2 arányban osztja fel a területet

Framek használata Utolsó módosítás: 11/22/2004 13:07:33 A frame-ek segítségével a képernyőt felosztva egyszerre jeleníthetünk meg több html dokumentumot a képernyőn Használata: Paraméterek: : :

vesszővel tagolt lista, amely a sorok kialakítására szolgál a különböző szélesség megadási módok felhasználásával vesszővel tagolt lista, amely az oszlopok kialakítására szolgál a különböző szélesség megadási módok felhasználásával

Méret megadási módok: •

méret megadása százalékban pl.

•

méret megadása képpontokban pl.

•

a terület felosztása bizonyos arányban pl. a 1:2 arányban osztja fel a területet

(A különböző méretdefiniciók egymással is kombinálhatóak, ahogy azt a példákban látni fogjuk)) A elemen belül elhelyezett elemekkel definiálhatjuk a tényleges kerettartalmat. Paraméterei:

• NAME: név Nevet adhatunk az adott frame-nek. (ahhoz kell, hogy hivatkozhassunk a framere) • SRC: a frame URL-je A területre betöltendő dokumentum nevét (elérését) adhatjuk meg • NORESIZE: átméretezhetőség Hatására az aktuális területet határoló keret nem mozdítható el • SCROLLING: görgethetőség Ezzel adhatjuk meg, hogy a keret tartalma görgethető legyen, vagy nem. Értékei: YES (kirakja a gördítősávot) NO (nem rakja ki a görditősávot) AUTO (csak akkor rakja ki a görditősávot, ha szükséges) • FRAMEBORDER: határoló keret Azt határozza meg, hogy legyen-e látható keret a frame körül. Értékei: 1 (van keret) 0 (nincs keret) • BORDER: határoló keret vastagsága (Netscape paraméter) Azt határozza meg, hogy mekkora keret legyen a frame körül (képpontokban)

• FRAMESPACING: (Internet Explorer paraméter)

A framek közti üres sáv mérete (képpontokban).

• MARGINWIDTH: margó szélesség Az adott frame tartalma és a keret közti vízszintes távolság definiálására szolgál • MARGINHEIGHT: margó magasság Az adott frame tartalma és a keret közti függőleges távolság definiálására szolgál

Azon böngészők számára, amelyek nem képesek a frameket megjeleníteni létezik egy elem, amelyet a <FRAMESET> </FRAMESET> elemek között kell elhelyezni. Az ebben leírt szöveget azon böngészők jelenítik meg, amelyek nem ismerik a Frame definíciót. pl.<NOFRAMES> A Te böngésződ nem képes a keretek megjelenítésére. Kérlek olvasd el a <a href="szoveges.html" rel="nofollow">szöveg</a> változatát az oldalnak. Az 1. példában két vízszintes elhelyezkedésű framet definiálunk, amelyek egyenlő arányban (50-50%) töltik ki az a böngésző ablakot. 1. példa (frame1.html) Hatása



demo

kepek

A kódot módosíthatod az alábbi ablakban:

Eredeti visszaállítása

Most ugyanezt függőlegesen elhelyezkedő framek esetén is nézzük meg: 2. példa (frame2.html)

Hatása d e m

k e p



o

e k



Eredeti visszaállítása

A következő példában három framet definálunk, melyek közül kettőnek abszolut módon adjuk meg a magasságát, a harmadik pedig a maradék helyet fogja betölteni. 3.példa (frame3.html)

Hatása demo kepek proba



Eredeti visszaállítása

Fejlesszük tovább a fenti példát úgy, hogy az első frame tartalmát ne lehessen görgetni, a

második frame méretét pedig ne lehessen megváltoztatni. 4.példa (frame4.html) Hatása



demo kepek proba



Eredeti visszaállítása

Természetesen egy frame tartalmazhat olyan oldalt is, amely maga is frame-ekből áll. Erre mutat példát a következő oldal. 5. példa (frame5.html)

demo p r o b a

Hatása kepek f r a m e 1

demo kepek

A fenti hatást úgy is elérhetjük, ha a frameket egymásba ágyazva definiáljuk. 5.2 példa (frame5_2.html) demo

p r o

Hatása kepek f r a

demo kepek



b a

m e 1



Eredeti visszaállítása

Linkek a framekben Az alábbi példa azt mutatja be, hogy hogyan lehet meghatározni, hogy egy adott oldal melyik framebe töltődjön be. A példában kialakítunk 5 db framet (nevük: menu1,menu2,elso,masodik,harmadik), majd a menu1 és menu2 frameben elhelyezünk két darab menüt (1.html, 2.html). Azt szeretnénk, hogy a menüből kiválasztott link az üres framek valamelyikében jelenjen meg. Ehhez a linkeket a TARGET="frame neve" paraméterrel kell kiegészítenünk a linkeket tartalmazó oldalakban. 6.pelda (frame6.html)



Az 1. html tartalma: <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

Menü1

Demo az elso frameben.

Demo a második frameben.

Demo a harmadik frameben.

A 2.html tartalma: <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

Menü2

Képek az elso frameben.

Képek a második frameben.

Képek a harmadik frameben.

A TARGET paraméter nem csak az általunk definiált framenév lehet, használhatjuk még a _self, _parent, _top illetve _blank opciókat. target="_self": az adott frame helyére töltődik az oldal.(alapértelmezett) target="_parent": az adott frame fölé, a szülőframebe töltődik az oldal. target="_top": legfölülre.töltődik az oldal target="_blank": egy új böngészőablakba töltődik az oldal


Eredeti visszaállítása

Anchorok Gyakorta látunk olyan megoldásokat, ahol a link egy oldal valamelyik részére mutat. (ez az oldal természetesen lehet egy másik frameben is.) Ezt a lehetőséget az anchorok biztosítják nekünk. Ez annyit jelent, hogy az oldal egy részét névvel látjuk el, majd erre a névre hivatkozhatunk más oldalakról is. Formátuma: ..... Ekkor az oldal ezen részére a ... linkkel hivatkozhatunk. (az azonosítónak egyedinek kell lennie a dokumentumon belül) Ha a hivatkozás egy másik HTML dokumentum egy részére mutat, akkor az anchor azonosítója előtt az oldal nevét (ill. elérhetőségét) is fel kell tüntetni. Formátuma ... pl. Nézzük a linkek oldal egy részletét. Az oldal tetején kiválaszthatjuk, hogy a dokumentum mely részére kívánunk ugrani. pl. A Java linkre kattintva a Javaval foglalkozó részhez ugorhatunk. Ehhez annnyit kellett tenni, hogy a Java címsort ellátjuk egy anchorral, amelynek a neve legyen pl. java. Java Így a dokumentum ezen részére már hivatkozhatunk. Ezt meg is tesszük a dokumentum elején, a következőképpen: JAVA

Beépített anchorokat is használhatunk: #top

az oldal tetejére ugrik

#bottom

az oldal aljára ugrik

Ha az egyik oldalban egy másik frameben lévő oldal egy bizonyos részére szeretnénk linket rakni, akkor azt is megtehetjük, ha használjuk a target paramétert. Tegyük fel hogy az oldalunkban A legjobb barátom: Péter szövegre egy linket szeretnénk elhelyezni a tartalom frameben található baratok.html oldal egy részére, amelyet a Peter anchorral láttunk el. Ezt a következő sorral tehetjük meg. A legjobb barátom: Péter Ha a tartalom nevű framebe nincs betöltve oldal, az pl. a Netscape böngésző egyes verzióinak gondot okoz. Úgy kell létrehozni a frameszerkezetet, hogy minden framebe kerüljön oldal, akkor is, ha az teljesen üres.

INLINE Frame (Beágyazott keret) Az INLINE Framek használatának lehetőségei az Internet Explorer 3.0 böngészőben jelentek meg. Azóta a HTML 4.0 szabvány része lett, de más böngészők nem feltétlenül támogatják ezt a megjelenítési módot, ezért körültekintést igényel a használata. Amint itt is láthatjátok (ha a megfelelő böngészőt használjátok) az inline frame (beágyazott keret) annyit jelent, hogy az oldalunkon definiálhatunk egy területet, ahol megjeleníthetünk egy másik oldalt.

Az Ön által használt böngésző nem ismeri a beágyazott kereteket, vagy jelenleg úgy van beállítva, hogy ne jelenítse meg azokat.

<iframe name="demoifr" src="demo.html"> Az Ön által használt böngésző nem ismeri a beágyazott kereteket, vagy jelenleg úgy van beállítva, hogy ne jelenítse meg azokat.

Használata az <IFRAME> tag meghívásával lehetséges: Paraméterek: • • • • •

SRC: A betöltendő oldal elérhetősége ALIGN: igazítás módja. Lehetséges paraméterek: 'TOP', 'BOTTOM', 'MIDDLE', 'LEFT' és 'RIGHT'. HEIGHT and WIDTH: A méret megadása képpontokban HSPACE and VSPACE: A vízszintesen és függőlegesen üresen hagyandó sáv mérete képpontokban MARGINHEIGHT and MARGINWIDTH: A frame tartalma és a határoló keret köti üres sávok

• •

•

(margó) beállítása képpontokban FRAMEBORDER: Amennyiben '1' az értéke, akkor az inline frame körül látható egy határoló keret. '0' esetén nem látható ez a keret. SCROLLING: 'YES': gördítősávok megjelenítése 'NO' gördítősávok tiltása 'AUTO' amennyiben szükséges, megjelenik a gördítősáv NAME: nevet adhatunk a frame-nek, később ezzel a névvel hivatkozhatunk rá. (pl. amikor egy link-et ebben a frameben akarunk megjeleníteni, a target paraméterhez írhatjuk a frame nevét)

pl.

Az Ön által használt böngésző nem ismeri a beágyazott kereteket, vagy jelenleg úgy van beállítva, hogy ne jelenítse meg azokat.Ez csak egy példa, az alábbi forráskódban láthatóak a beállítások: Forráskód <iframe name="demoifr2" src="demo.html" height="200" width="400" align="middle" scrolling="no"> Az Ön által használt böngésző nem ismeri a beágyazott kereteket, vagy jelenleg úgy van beállítva, hogy ne jelenítse meg azokat. Ez csak egy példa, az alábbi forráskódban láthatóak a beállítások: