Iframe ‘in Yüksekliğini İçeriğe Göre Ayarlamak

Öncelikle iframe nedir ?

IFrame sayfa içerisinde başka bir sayfa açmaya, çağırmaya yarar. Sayfanın herhangi bir yerinde, herhangi bir ebatta yeni bir sayfa açtırabilirsiniz.

Kullanım:

< IFRAME name="FrameAdı" src="deneme.html" width="400" height="200" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></IFRAME>

Frame adı yazan yere frame adını yazıyoruz, src yazan yere “dosya_adı.uzantı” şeklinde yolunu belirterek  frame adresini yazıyoruz, width ve height de genişlik ve yükseklik oluyor. Frameborder kenarlıkların kalınlığı ile ilgili, scrolling scrollbar oluşsun mu oluşmasın mı, eğer oluşmasını isterseniz “no” yazan yere “yes” yazıyoruz…
iframe kullanırken çağırdığımız sayfanın boyutunu , içeriğe göre otomatik olarak boyutlandırılmasını isterseniz aşağıdaki gibi kullanabilirsiniz. Çok kullanışlı hale gelecektir. Ben kendim kullandığım için gayet başarı bir kod.

Kullanımına gelince ;

İlk olarak <head> tagları arasına JavaScript ile tanımlamalar yapıyoruz.

<script language="JavaScript">
<!--
function boyutlama()
{
var yukseklik=document.getElementById('iframe').contentWindow.document.body.scrollHeight;
document.getElementById('iframe').height=yukseklik;
}
//-->
</script>

Bu kodumuzu ekledikten sonra sayfayı çağıracağımız yere yani <body> tagları arasına aşağıdaki iframe kodunu ekliyoruz

İşte bu kadar… Umarım faydalı olur.

<iframe src="dosya_adı.uzantı" name="anasayfa" onload="boyutlama();" scrolling="no"  id="iframe" frameborder="0"
 
style="width:100%;" marginheight="0" marginwidth="0"></iframe>