JavaScripte Frame Kontrolü :
Frameler Html dilinde aynı sayfa içerisinde birden fazla sayfa görüntülemek için kullanılır. Yani bir sayfayı istediğimiz ölçülerde istediğimiz kadar bölüme ayırıp her bölümde farklı bir html sayfası çalıştırmak için kullanılır. Html bilgisi tam olan tüm web masterlar frame düzenleme hakkında az çok bir bilgiye sahiptir. Bizim JavaScript ile yapacağımız iş bir faramaden diğerini kontrol etmek olacak.
Bu işlem için öncelikle bölümlere ayrılacak ana sayfa yazılmalı ve bu sayfa içerisinde çalıştırılacak olan tüm sayfalarda ayrı ayrı hazırlanmalıdır. Aşağıda iki ayrı bölümden oluşan bir frame sayfa örneği veriliyor.
Örnek: Sağ ve sol isminde iki frameden oluşan ve sol frameden sağ framenin ardalan rengini değiştire bilen basit bir script hazırlayalım.
- Framelerin tanımlanacağı ana Html, Bu sayfa hazırlandıktan sonra herhangi bir isimle kaydedin. Biz bu sayfaya "index.htm" ismini vereceğiz
<html>
<head>
<frameset cols="25%,*">
<frame src="sol.htm" name="sol">
<frame src="sag.htm" name="sag">
</frameset>
</head>
<body>
</body>
</htm>
-"sağ.htm" ana sayfamızın sol kısmını oluşturan html sayfası. Bizim örneğimizde üzerinde değişiklik yapacağımız sayfa.
<html>
<body bgcolor="blue">
<center>
<b>wWw.BilimVeTeknoloji.Com</b>
</body>
</html>
- "sol.htm" örneğimizde bizi asıl olarak ilgilendiren sayfa bu. JavaScriptimizi bu sayfaya yazacağız.
<html>
<script>
function ayar(a)
{
parent.sag.document.bgColor=a
}
</script>
<body>
<b>Renk</b>
<form name="form1">
<select onchange="ayar(value)">
<option value="blue">Mavi</option>
<option value="yellow">Sarı</option>
<option value="red">Kırmızı</option>
<option value="green">Yeşil</option>
<option value="white">Beyaz</option></select>
</form>
</body>
</htm>
Scriptin
çalışan örneğini görmek için tıklayın!..
Not: Scripin çalışması için yukarıdaki üç html dosyasını belirtilen isimlerle kaydedip, aynı klasör altına koyunuz.
| Anasayfaya dön | Konulara dön |
| Sadakat.Net©İslami web hizmetleri | |