Jquery, Iframe Auto Height

Çar, 21 Oca 2009 08:27:00, yazar: Yılmaz Uğurlu, yorum:(4)

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?

Murat Sümer | Cum, 04 Eyl 2009 15:14:21

$('#iframe').height(height);
bölümünü
$('iframe').height(height);
olarak değiştirirseniz, tüm iframe içeriklerini değiştirecektir.

Yılmaz Uğurlu | Pzt, 07 Eyl 2009 11:56:29

iframe mi ne sekilde olusturucam iframe ile birlikte yazarmisin rica etsem..

hamit | Cmt, 24 Eki 2009 02:17:19

<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

Yılmaz Uğurlu | Cum, 06 Kas 2009 02:00:00

Yorum Ekle