4. Umetnuti okvir

Upotrebom frameset i frame taga i njihovih atributa razdijelit ćemo prozor browsera u četiri okvira kao na slici. U njh će biti učitana 4 body dokumenta : stranica A (doc_a.html) , stranica B (doc_b.html) , stranica C (doc_c.html) i stranica D (doc_d.html) .

stranica A
stranica B	stranica C
stranica D

Indirektno umetanje

Ovaj primjer je malo složeniji od prethodnih te će se moći ostvariti samo tzv. umetnutim okvirom. Što je to ? Umetnuti okvir je onaj okvir koji smo umetnuli u već postojeći okvir. Npr. u gornjem primjeru zamislite da smo prozor browsera razdijelili horizontalno na tri okvira, a zatim srednji vertikalno na još dva.

stranicaA
stranicaB	stranicaC
stranicaD

=

stranicaA
umetnuti_okvir.htm
stranicaD

+

stranicaB

stranicaC

U prvi okvir učitava se body dokument tj.stranicaA. U treći okvir takođe body dokument tj. stranicaD. Ali što je sa srednjim okvirom ? U srednji okvir će se morati učitati ne body nego frameset dokument koji će ga podijeliti u nova dva okvira. Taj frameset dokument nazvat ćemo umetnuti_okvir.htm .

Okvir odnosno frameset dokument (frameset tag) u koji će se umetati umetnuti_okvir.htm biti će mu roditelj (engl. parent) pa ćemo ga onda tako i nazvati: parent_okvir.htm. Dakle, parent_okvir.htm je roditelj (parent), a umetnuti_okvir.htm je njegovo dijete (child). Zapamtite ovo jer je veoma važno i trebat će nam kada budemo govorili o povezivanju okvira.

Vratimo se sada na naš primjer. Vjerojatno pretpostavljate kako će izgledati source code naredna dva frameset dokumenta. Da ne bi pretpostavljali previše pogledajte u narednoj tablici.

parent_okvir.htm	umetnuti_okvir.htm
<frameset rows="33%,33%,"> <frame src="./doc_a.html"> <frame src="./umetnuti_okvir.htm"*> <frame src="./doc_d.html"> </frameset>	<frameset cols="50%,50%"> <frame src="./doc_b.html"> <frame src="./doc_c.html"> </frameset>

Pogledajte kako izgleda prvi frameset dokument :
parent_okvir.htm Vidi source code !!!

Što se dešava ako otvorimo samo
umetnuti_okvir.htm Vidi source code !!!

Direktno umetanje

Kod direktnog umetanja nam ne treba poseban fajl odnosno novi frameset dokument. Sve što trebamo uraditi jest direktno umetnuti u već postojeći frameset tag novi frameset tag.

Npr. gornji primjer može se realizirati na slijedeći način. Napravimo frameset dokument direktno.htm slijedećeg sadržaja.

direktno.htm
<frameset rows="33%,33%,"> <frame src="./doc_a.html"> <frameset cols="50%,50%">* <frame src="./doc_b.html"> <frame src="./doc_c.html"> </frameset> <frame src="./doc_d.html"> </frameset>

Vjerojatno primjećujete da je ovaj dokument sjedinjenje parent_okvir.htm i umetnuti_okvir.htm . Odnosno, u fajlu parent_okvir.htm je tag
<frame src="./umetnuti_okvir.htm"> zamijenjen sa:
     <frameset cols="50%,50%">
       <frame src="./doc_b.html">
       <frame src="./doc_c.html">
     </frameset>

Sada možete i pogledati kako stvar radi.
umetnuti_okvir.htm Vidi source code !!!
U source-u crveno je označen novi frameset koji se mora nalaziti točno na mjestu gdje je bio tag <frame src="./umetnuti_okvir.htm"> . Ako to ne napravimo neće se javiti nikakva greška osim što nam razmještaj okvira neće biti kao u našem primjeru.

Parent i top

Okvir unutar okvira možete (bilo direkto ili indirektno) umetati koliko god puta hoćete. Na taj način stvarate određenu hijerarhiju okvira, nešto slično direktorijima u operativnom sustavu. Pri tome uvijek pazite koji je okvir (frameset tag) kojemu roditelj ( _parent ), jer to je osobito važno kod povezivanja okvira linkovima u body dokumentima. Parent je uvijek onaj okvir iznad ili po analogiji uvijek direktorij iznad.

Okvir _top je najviši (najroditeljskiji) okvir i to je ustvari prozor vašeg browsera. Po analogiji s operativnim sustavom to bi bio root direktorij (npr C: u windowsima ili / u Linuxu) .

U narednoj lekciji naučite čemu služi NOFRAMES tag.
Kako ga stariji browseri interpretiraju ?

Text Oglasi Foto Oglasi Besplatne Stvari Besplatan Web Hosting Web Direktorij Dizajn