Türkiye'nin En Eski Webmaster Forumu İyinet'e Hoşgeldiniz!

İframemin yüksekliğinin kontrolünü yapmak

leonin

0
Onaylı Üye
Üye
Katılım
9 Ağustos 2010
Mesajlar
92
Tepki puanı
1
Kod:
<script language="Javascript">
$(document).ready(function() {        
                $('#iframe-1').load( function() {
                var $ifbody = $(this).contents().find( 'body' );
                $ifbody.css( 'height','auto' );
                $(this).height( $ifbody.height() );
          }); 
    
});


</script>

<script type="text/javascript">
$(window).load(function () {

setInterval(function() {  height_up();  }, 0);

});

function height_up(){
 var ht= $('#iframe-1').contents().find('body').height();
    $('#iframe-1').height(ht);
}
</script>

İframe içindeki veriler kendi içindeki js eventleri kullanarak bazen yükseklik değeri değişebiliyor.İframe için devamlı olarak height kontrolü yapmam lazım.Bu sorunu yukarda yazdığım scriptle çözdüm.Fakat bind kullanarak veya başka bir jquery fonksiyonu tam olarak emin değilim daha sağlıklı bir çözüm olacağını düşünüyorum.Bu script yerine daha temiz bir script öneriniz varmı?
İyi çalışmalar.
 

Antika

0
Onaylı Üye
Üye
Katılım
23 Aralık 2010
Mesajlar
451
Tepki puanı
17
şöyle bir fonksiyon kullanmıştım bi ara işini görebilir belki

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

<iframe src="frame.html" onload="height();" scrolling="No"  id="iframe" frameborder="0" style="width:200px;" marginheight="0" marginwidth="0"></iframe>
 

leonin

0
Onaylı Üye
Üye
Katılım
9 Ağustos 2010
Mesajlar
92
Tepki puanı
1
şöyle bir fonksiyon kullanmıştım bi ara işini görebilir belki

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

<iframe src="frame.html" onload="height();" scrolling="No"  id="iframe" frameborder="0" style="width:200px;" marginheight="0" marginwidth="0"></iframe>

Malesef çalışmadı.Bu şekilde sadece içerik yüklendiği hali kadar yükseklik alıyor.İçerikten sonrası içinde yüksekliği kontrol etmem gerekiyor.
 
Üst