I have an iFrame that points out to a page with jQuery autocomplete function. This works fine. However, I'm not able get the results out of the iframe, above other things.
When I type something, it creates a scrollbar and the results appear inside the iframe. I'd like the dropdown window appear above other things.
My code is: http://jsfiddle.net/4JvT9/ (type test)
<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);
};
Any ideas?