Dynamiczna wysokość IFRAME

[Monika.W]

Cześć!

Szukałam informacji na temat dynamicznej zmiany wysokości elementu IFRAME, tak, aby cała treść osadzonej strony była widoczna bez pasków przewijania. Za pomocą JS (jest też plugin jQuery) można określić rozmiar treści z osadzanego elementu, ale rozmiar jest ustawiany na sztywno i jeżeli treść osadzonej strony się zmieni (bez przeładowania) to pojawiają się paski przewijania lub część treści staje się niewidoczna (w zależności od overflow). Trafiłam na usługę pozwalającą na budowanie formularzy i osadzanie ich na swojej stronie. Formularz można osadzić np: za pomocą JS:

Kod:

<script type="text/javascript" src="http://moje-formy.phpforms.net/view_forms/insert/firstform?hideheader"></script>

Formularz osadzany za pomocą powyższego skryptu jest wyświetlany w ramce, część jego pól jest wyświetlana dopiero po wybraniu z rozwijanej listy pozycji numer 2. I wtedy dzieje się to co próbuję zrozumieć. Dodatkowe pola są wyświetlane, a wysokość IFRAME zwiększa się automatycznie (żadna ze stron nie jest przeładowywana). Dopiero zaczynam naukę JS i nie bardzo radzę sobie z analizą kodu odpowiedzialnego za ten efekt. Dodam, że strona osadzana i strona na której mam IFRAME są w tej samej domenie. Czy ktoś mógłby się temu przyjrzeć i wyjaśnić co i jak? Może jest inny sposób na osiągnięcie tego efektu? Pytałam w różnych miejscach, ale nikt nie potrafi pomóc.

[Kartofelek]

http://stackoverflow.com/questions/247128/how-to-auto-size-an-iframe
http://stackoverflow.com/questions/8279489/how-to-change-height-of-iframe-based-on-dynamic-conent-within-the-iframe
http://stackoverflow.com/questions/247128/how-to-auto-size-an-iframe
Poczytaj dokładnie

[Monika.W]

Dzięki. Okazało się prostsze niż myślałam.