<iframe> - Как показать всю высоту указанной странице ?

у меня есть приложение, которое я хотел бы встроить внутри нашей компании CMS. Единственный способ сделать это (как мне рассказывали), чтобы загрузить его в тег <iframe>.

просто: set height и width 100%! За исключением, она не работает.

я и не узнала об установке frameborder 0, так он, по крайней мере, выглядит, как часть сайта, но я бы предпочел не иметь уродливые прокрутки внутри страницы, что уже есть.

вы знаете какой-нибудь уловки, чтобы сделать это?

РЕДАКТИРОВАТЬ: я думаю, что нужно уточнить, мой вопрос несколько:

  • фирма CMS отображает пух и вещи для всего нашего веб-сайта
  • большинство страниц, созданные с помощью CMS
  • my application нет, но они позволят мне embedd в тег <iframe>
  • я не имеем никакого контроля над iframe, так что любое решение должно работать с указанной странице (согласно src атрибут iframe tag)
  • CMS нижний колонтитул отображается, поэтому установка высотой до 1 млн. пикселей-это не очень хорошая идея,

я Могу получить доступ к родительской страницы DOM из страниц, на которые ссылается? Это могло бы помочь, но я вижу, как некоторые люди могут не хочу, чтобы это было возможно...

Эта техника, кажется, работает (почерпнутые из различных источников, но вдохновленный ссылку от принятого ответ:

В родительский документ:

<iframe id="MyIFRAME" name="MyIFRAME" 
    src="http://localhost/child.html"
    scrolling="auto" width="100%" frameborder="0">
    no iframes supported...
</iframe>

В ребенка:

<!-- ... -->
<body>
<script type="text/javascript">
    function resizeIframe() {

        var docHeight;
        if (typeof document.height != 'undefined') {
            docHeight = document.height;
        }
        else if (document.compatMode && document.compatMode != 'BackCompat') {
            docHeight = document.documentElement.scrollHeight;
        }
        else if (document.body 
            && typeof document.body.scrollHeight != 'undefined') {
            docHeight = document.body.scrollHeight;
        }

        // magic number: suppress generation of scrollbars...
        docHeight += 20;

        parent.document.getElementById('MyIFRAME').style.height = docHeight + "px";    
    }
    parent.document.getElementById('MyIFRAME').onload = resizeIframe;
    parent.window.onresize = resizeIframe;
</script>               
</body>

BTW: Это будет работать только если родитель и ребенок находятся в том же домене, из-за ограничений в JavaScript из соображений безопасности...

Найдено 4 ответа:

<iframe> - How to show the whole height of referenced page?

http://stackoverflow.com/questions/58543/iframe-how-to-show-the-whole-height-of-referenced-page

Посмотреть решение →

Яндекс.Метрика