Dynamiczna zmiana wysokosci IFRAME - rozwiazanie problemu

Z Podręcznik Administratora by OPZ SGU
Wersja z dnia 23:16, 23 sie 2010 autorstwa Fotex (dyskusja | edycje) (Utworzył nową stronę „Nie raz nie dwa korzystamy z IFRAME aby wyswietlić na stronie zewnetrzny dokument i natrafiamy na problem. Okazuje się że wszystko jest super do momentu gdy strona p...”)
(różn.) ← poprzednia wersja | przejdź do aktualnej wersji (różn.) | następna wersja → (różn.)
Przejdź do nawigacji Przejdź do wyszukiwania

Nie raz nie dwa korzystamy z IFRAME aby wyswietlić na stronie zewnetrzny dokument i natrafiamy na problem. Okazuje się że wszystko jest super do momentu gdy strona pobierana do ramki jest o stałej wysokości, bo ustalamy sobie na sztywno wartość HEIGHT dla IFRAME i problem przewijania strony w pionie znika.

Co jednak gdy pobierany dokument ma różna wysokość w zalezności od akcji na nim wykonanej? Niestety ale jedynym rozwiazaniem jest zastosowanie JavaScript do generowania dynamicznie skalowanej w pionie ramki.

oto przykład zastosowania :

<script language="JavaScript"> function DynamicznyIframe() {

var rozmiar= document.getElementById(\'ramka\').contentWindow. document.body.scrollHeight;

document.getElementById(\'ramka\').height= rozmiar; } </script> <iframe onLoad="DynamicznyIframe();" src="link do dokumentu" width="100%" height="100%" scrolling="no" frameborder="0" scroll="auto" id="ramka" marginwidth="0" marginheight="0" ></iframe>

Źródło: „https://wiki.opzsgu.pl/index.php?title=Dynamiczna_zmiana_wysokosci_IFRAME_-_rozwiazanie_problemu&oldid=713”