İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

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

leonin

0
İyinet Üyesi
Katılım
9 Ağustos 2010
Mesajlar
92
Reaction score
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
İyinet Üyesi
Katılım
23 Aralık 2010
Mesajlar
451
Reaction score
18
şö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
İyinet Üyesi
Katılım
9 Ağustos 2010
Mesajlar
92
Reaction score
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.
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst