Postoji dva načina da se to uradi... prvi je pomoću običnog HTML-a, a drugi koristi JavaScript. Oba metoda imaju svoje prednosti i svoje nedostatke.
HTML metod ne zahteva browser koji je "JavaScript Enabled". Takođe, ovaj metod ne zahteva da se uči bilo šta novo - jednostavno, ako znate da pravite frejmove, moći ćete da uradite i ovo.
S druge strane, JS metod je bolji kada Vam je potrebno malo fensi manipulacije frejmovima. Ovaj metod obično traži manje rada, lako ga je ponovo upotrebiti, prilično je fleksibilan... Jedini nedostatak je to što postoje ljudi čiji su browseri "JS disabled" (isključena upotreba JavaScripta), i koji, u tom slučaju, neće daleko stići!
Dakle, ako je moguće, koristite HTML metod. To je i metod koji ćemo prvi obraditi.
Promena 2 ili više frejmova - HTML metod
Ideja je jednostavna... dva frejma koja će biti promenjena, definisaćemo unutar frameset dokumenta. Da bi smo ih promenili, samo ćemo učitati novi frameset dokument.
Kliknite na donji link. Pratite me u
korak. Ja ću Vam objasniti šta se dešava.
Ovo je primer.
Gornj link prvo učitava glavnu stranu u levi frejm, i frameset stranu u desni frejm. Frameset strana odmah učitava dva dokumenta u desni frejm: Jovinog prijatelja Bobana i Jovinog prijatelja Saleta.
Kliknite sada link do Sanjinih prijatelja...
To će učitati potpuno nov frameset dokument - split2_sanja.html - u desni frejm, a ovaj odmah učitava Sanjine drugarice Miru i Nenu u svoje frejmove!
Kao što ste možda i sami zaključili, sve što se ovde radi je učitavanje novog frejm-seta nakon klika na link. Taj novi frejm-set može biti kompleksan koliko god Vi to želite.
Kliknite sada na Još prijatelja.
Hmm... Šta se sad ovo desilo?
Pa, praktično isto što smo i do sad radili. Dakle, klik na link je učitao kompletnu novu stranu; međutim, link je bio podešen kao target="_top"! Ovo je učitalo novu navigacionu stranu u levi frejm, kao i novu frameset stranu u desni frejm - ova frejm-set strana je automatski učitala 4 dokumenta u 4 desna frejma.
Kliknite na Jocine prijatelje. To učitava novi frejm-set dokument - split4_joca.html - u desni frejm, a u taj frejm-set se učitavaju Jocini prijatelji.
Prilično fino, zar ne?
Sledeći dokumenti su korišćeni u gornjem primeru:
- (Ovde je ceo direktorijum...)
- Glavne strane
- master_html_2.html
- master_html_4.html
- Navigacija
- dir_html_2.html
- dir_html_4.html
- Frameset strane
- split2_jova.html
- split2_sanja.html
- split4_jova.html
- split4_sanja.html
- split4_joca.html
- split4_bilja.html
- Prijateljske strane
- zjova_boban.html
- zjova_sale.html
- zjova_dejan.html
- zjova_toma.html
- zsanja_nena.html
- zsanja_mira.html
- zsanja_ivana.html
- zsanja_toni.html
- zjoca_aca.html
- zjoca_nesa.html
- zjoca_djordje.html
- zjoca_riki.html
- zbilja_tamara.html
- zbilja_tanja.html
- zbilja_jelena.html
- zbilja_sneza.html
To je to, što se tiče HTML metoda. Zapamtite, bez obzira koji metod izaberete, ovde ima mnogo mogućnosti ta grešku. Budite pažljivi. Detaljno istestirajte Vaše strane, pre nego što ih pustite u surovu džunglu na Mreži!
Hteli biste još malo da vežbate? Fino! Evo nečeg što možete da koristite za intenzivnu vežbu...
| Sisari - Biljke - Ribe | |
| Sisari Domaće životinje Veliki sisari Mali sisari |
Krava |
| Svinja | |
| Konj | |
Pokušajte da napravite odgovarajuće HTML dokumente, na osnovu gornje slike. Neka Vam ovo još pomogne...
Ukoliko Vam je potrebno, gotovo rešenje možete naći ovde.
Idemo na JavaScript metod --->
| ||||||||