Yeniden boyutlandırma iframe yüksekliği içeriği yüksekliğine göre

SORU

8 ŞUBAT 2009, Pazar

Yeniden boyutlandırma iframe yüksekliği içeriği yüksekliğine göre

Benim web blog sayfamı açıyorum. Sorun bir iframe genişliği verebilirim ama yükseklik iframe içinde kaydırma çubuğu yok dinamik olmalı, ve tek bir sayfa gibi gözüküyor

Çeşitli JavaScript kodu içeriği yüksekliğini hesaplamak için denedim ama hepsini bir verinerişim izni engellendihata ve hiçbir faydası yoktur.

<iframe src="http://bagtheplanet.blogspot.com/" name="ifrm" id="ifrm" width="1024px" ></iframe>

Ajax yükseklik ya da belki PHP kullanarak hesaplamak için kullanabilir miyiz?

CEVAP

8 ŞUBAT 2009, Pazar

Ajax ile bunu yapamazsınız, ne de PHP ile hesaplayabilirsiniz. Hayır, doğrudan iki subquestions cevap:

Sana ne yaptım geçmişte kullanımını tetikleyici, iframe ... Sayfa window.onload (domready olarak alabileceği bir süre resimlere yük) pass sayfanın gövde yüksekliği üst.

<body onload='parent.resizeIframe(document.body.scrollHeight)'>

Bu gibi parent.resizeIframe görünüyor sonra

function resizeIframe(newHeight)
{
    document.getElementById('blogIframe').style.height = parseInt(newHeight,10)   10   'px';
}

Sayfanın tam contentdocument hiçbir kötü vs ile işlenir bir kez tetikleyen, güçlü bir boyutlandırma var contentWindow işe yaramaz :) ve işte sonuç

Tabii, şimdi insanlar varsayılan yükseklikte sizin iframe ilk göreceksiniz, ama bu kolayca ilk başta senin iframe gizleme ve sadece göstererek ele alınabilir bir 'yükleme' görüntü. resizeIframe fonksiyonu devreye giriyor, yükleme resmi gizlemek, ve bu sahte Ajax veya iframe gösterecek orada fazladan iki satır koymak.

Tabii ki, bu sadece çalışır, aynı zamanda etki alanı, bazı durumlarda, bir proxy PHP script gömmek bu şeyler, ve sonra işte, belki de sadece embed blogunuzun RSS beslemesi doğrudan içine sitenizi PHP.

Bunu Paylaş: