iFrame上的自动填充高度

时间:2014-01-25 16:09:51

标签: javascript jquery iframe

我有一个iFrame指向带有jQuery自动完成功能的页面。这很好用。但是,我无法从iframe中获取结果,而不是其他内容。

当我输入内容时,它会创建一个滚动条,结果会显示在iframe中。我希望下拉窗口显示在其他内容之上。

我的代码是:http://jsfiddle.net/4JvT9/(类型测试)

<iframe src='http://www.corridadeformula1.com/f1-mania-busca/' frameborder="0" id="my_iframe" onload="resizeCrossDomainIframe('my_iframe', 'http://www.corridadeformula1.com');">

function resizeCrossDomainIframe(id, other_domain) {
    var iframe = document.getElementById(id);
    window.addEventListener('message', function(event) {
        if (event.origin !== other_domain) return; // only accept messages from the specified domain
        if (isNaN(event.data)) return; // only accept something which can be parsed as a number
        var height = parseInt(event.data) + 0; // add some extra height to avoid scrollbar
        iframe.height = height + "px";
    }, false);
};

有什么想法吗?

0 个答案:

没有答案