Php & Resources

Bu makalede üç frameli bir sayfa tanımlaması yapıyoruz. Her frameye bir ad veriyoruz. menuBolumu, sayfamiz, sayfamiz1 olarak üç framemiz artık elimizde bulunuyor. Bu frameler javascript için birer nesnedir. İsimleri ile bu framelere ulaşacağız.

PLAIN TEXT

HTML:

<html>
<title>Frame kullanımı</title>
<frameset rows=30%,*,*>
<frame src="menu.html" name="menuBolumu">
</frame><frame src="sayfa.html" name="sayfamiz">
</frame><frame src="sayfa1.html" name="sayfamiz1">
</frame></frameset>
</html>

Menü bölümü için aşağıdaki kodları menu.html olarak kayıt edin.

PLAIN TEXT

HTML:

<html>
<head>
<title>frame menü bölümü</title>
<script>
<!--
Daha fazla...
yeniPencere=window.open("yenianasayfa.html","yeniPencereBolumu",
"top=1, left=1, width=200, height=200");
function ekle(){
parent.sayfamiz.document.open();
parent.sayfamiz.document.bgColor="pink";
parent.sayfamiz.document.write("<font size=4 color=blue>
Yeni bir belge açtık.<br />");
parent.sayfamiz.document.write("yeni belgeyi bitirdik.");
parent.sayfamiz.document.close();
}
//-->
</script>
<title>frame menü bölümü</title>
</head>
<body>
<form>
<center>
<input type=button value="sayfamiz 'ın rengi kırmızı"
onClick="parent.sayfamiz.document.bgColor='red'"/>
<input type=button value="sayfamiz1 'in rengi mavi"
onClick="parent.sayfamiz1.document.bgColor='blue'"/>
<input type=button value="yeni kodları sayfamiz 'a ekle"
onClick="ekle()"/>
<input type=button value="menu 'ün rengi aqua"
onClick="document.bgColor='aqua'"/>
<input type=button value="yenisayfamiz 'in rengi sarı"
onClick="yeniPencere.parent.yeniSayfamiz.document.bgColor='yellow'"/>
<input type=button value="yenisayfamiz1 'in rengi mavi"
onClick="yeniPencere.parent.yeniSayfamiz1.document.bgColor='blue'"/>
</center>
</form></body>
</html>

Sayfamızın ilk framesi olan menuBolumu ne bir sayfa yüklememiz gerekiyor. Bu bölüm için hazırladığımız sayfa menu.html. Şimdi bu sayfayı inceleyelim. Menü bölümü ilk olarak bir script ile başlıyor. Scriptin ilk bölümünde yeniPencere adlı bir window nesnesi oluşturuyoruz. Yani yeni bir pencere açıyoruz ve yenianasayfa.html adlı dosyayı bu sayfada açıyoruz. Bu sayfada frameli bir sayfa. Sonra bir fonksiyon tanımladık. ekle() adlı bu fonksiyon yeni bir document açıyor ve yeni bir belge açtık-yeni belgeyi kapattık şeklinde mesajları yazıyor.
Sayfayı incelemeye başlayalım. Sayfamızda bir form bulunuyor. Bu form ile altı adet buton oluşturduk. Butonların görevlerini daha sonra göreceğiz.

Aşağıdaki bölümü sayfa.html olarak kayıt edin.

PLAIN TEXT

HTML: