Hazırladığımız örneği incelemek için öncelikle yeni oluşturduğumuz nesneleri görelim :

yeniPencere yeni açtığımız pencerenin adı. Bu bir window nesnesidir.
yeniSayfamiz yeniPencere nesnesi üzerinde oluşturduğumuz ilk frame nesnesi.
yeniSayfamiz1 yeniPencere nesnesi üzerinde oluşturduğumuz ikinci frame nesnesi.
menuBolumu anapencerede oluşturduğumuz ilk frame nesnesi.
sayfamiz anapencerede oluşturduğumuz ikinci frame nesnesi.
sayfamiz1 anapencerede oluşturduğumuz üçüncü frame nesnesi.

Nesnelerimizi gördüğümüze göre bu nesnelere nasıl ulaştığımızı ve işlemleri ne şekilde yürüttüğümüzü görelim. Kolay anlaşılması için tüm işlemleri menuBolumu üzerinde topladım. Aynı işlemler diğer frameler üzerinden de yapılabilir. Sırasıyla işlemlerimizi ve nasıl çalıştıklarını inceliyoruz.

İlk butonumuz sayfamiz nesnesinin zemin rengini kırmızı yapıyor. Bunun için onClick eventi içerisinde parent.sayfamiz.document.bgColor="red"; şeklinde bir komut kullandık. Burada parent.sayfamiz sayfamiz adlı frameye ulaşmak için kullandığımız koddur. sayfamiz bir frame olduğundan bu frameye işaret ile parent metodunu kullanıyoruz. sayfamiz ise işlem yapacağımız framedir. document.bgColor="red" din zemin rengini kırmızı yaptığını biliyoruz. Dolayısıyla bu işlem sayfamiz framesinin zemin rengini kırmızı yapmaya yarıyor.

İkinci butonumuz ise yine aynı şekilde çalışıyor. Fakat bu sefer işlem yaptığımız frame farklı. sayfamiz1 adlı framenin zemin rengini mavi yapıyoruz. onClick eventi ile kullandığımız kodlar parent.sayfamiz1.document.bgColor="blue";

Üçüncü butonumuz ile sayfamiz framesinde yeni bir document(html belgesi) oluşturuyoruz. Bunun için ekle() fonksiyonunu çağırıyoruz. Bu fonksiyon içerisinde sayfamiz nesnesine yine parent metodu ile ulaştığımıza dikkat edin. Mesela parent.sayfamiz.document.open(); ile yeni bir belge açtık ve diğer işlemleri yaptırdık.

Dördüncü butonumuz ile menuBolumu framesinin zemin rengini aqua yapıyoruz. Bu bölüme dikkat edin. Komutu verdiğimiz frame içerisinde parent metodunu kullanmıyoruz. Çünkü zaten işlem yapmak istediğimiz frame içerisindeyiz. Yapmamız gereken normal bir sayfadaymışız gibi document.bgColor="aqua"; komutunu girmek.
Eğer parent.menuBolumu.document.bgColor="aqua"; şeklinde bir komut girecek olursak yeni bir menuBolumu arayacak ve bulamayacağı için hata verecektir.

Beşinci butonumuzda farklı bir durum görüyoruz. Aslında mantık yine aynı. Nesne yapısını bilenler için bir fark olmadığı görülecektir. Bu butonumuz yine bir framenin zemin rengini değiştiriyor. Fakat yeniSayfamiz adlı frame başka bir pencere içerisinde ve bu pencerede bir nesne adı ise yeniPencere. yeniPecere üzerindeki bir frameye ulaşmak için doğal olarak yeniPecere isminide browsere bildirmemiz gerekiyor.
yeniPencere.parent.yeniSayfamiz.document.bgColor="yellow"; yapmamız gereken bu şekilde bir kullanımdan ibarettir. İşlemin ne kadar basit olduğunu gördünüz.

Altıncı butonumuzda yine beşinci buton gibi bir işleve sahip. Değişik olan kısmı işlem yapılan frame ve kullanılan renk. yeniPencere.parent.yeniSayfamiz1.document.bgColor="blue";

Yedinci butonun görevini zaten biliyorsunuz. Fakat burada farklı bir durum bulunmakta. Sayfamız frameli olduğundan window.close() ile pencereyi kapatamıyoruz. Çünkü bu komutu bir frame içerisinden veriyoruz. İşlemin pencere düzeyine çıkması için top metodunu kullanıyoruz. window.top.close() top metodu en üst düzey anlamına geliyor ve pencerenin kendisine işaret ediyor.

Yorumlar (0)

Bu içeriğe ait yorumları masaüstüne alabilirsiniz