Jquery, Iframe Auto Height
Yüksekliği belli olmayan, ancak kullanıcının ekran çözünürlüğüne göre tam tam sayfa olarak görüntülenecek iframe oluşturmak bir problem. İsteğim, bir sayfa içerisinde bulunan iframe bölümünün sayfanın kalan bölümündeki tüm alanı yukarıdan aşağıya doğru kullanması idi. Bu konuda pek çok script buldum, ancak örneklerde çalılşan scriptler ben uygulama içerisine ekleyince çalızmaz oldu.
Örnekleri kurcalarken bazılarından ufak alıntılarla ufak bir script oluşturdum ve sorunuma çözüm buldum. Aşağıya eklediğim kod, Firefox 3.05, Opera 9.62 ve IE 6 ile denendi ve çalıştığı teyit edildi.
Jquery Iframe full height kodu
$().ready(function(){
var height = document.documentElement.clientHeight;
height -= $('#iframe').get(0).offsetTop; // tam olarak DOM nesnesini döndürür
$('#iframe').height(height);
});









Yorumlar
Evet, çalışıyor teşekkürler
Fakat sayfadaki bütün iframelerin yüksekliklerini büyültmesini istesek ne yapcek?
$('#iframe').height(height);
bölümünü
$('iframe').height(height);
olarak değiştirirseniz, tüm iframe içeriklerini değiştirecektir.
iframe mi ne sekilde olusturucam iframe ile birlikte yazarmisin rica etsem..
<iframe src="http://www.google.com" width="100%" frameborder="0" scrolling="auto" id="thefindow"></iframe>
<script language="JavaScript" type="text/javascript">
$().ready(function(){ var height = document.documentElement.clientHeight; height -= $('#thefindow').get(0).offsetTop; height -= 10; // bi 10 pixel alttan boşluk olsun $('#thefindow').height(height);
});
</script>
Bu şekilde yazmanız yeterli