Edit Iframe элементы с JS

Question

Я пытаюсь изменить (в основном скрыть) HTML-элементов iframe с JQuery

<iframe id="foobar" frameborder="no" class="redirect-frame" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="http://website.wix.com" seamless></iframe> 

Я пытался что-то вроде:

setTimeout(function(){ 
    var f=$('#foobar') 
    f.load(function(){ 
    f.contents().find('#WIX_ADSdesktopWADTop').hide(); 
    f.contents().find('#WIX_ADSdesktopWADTop').remove(); 
    }) 
    alert('test'); 
}, 5000); 

$(window).bind("load", function() { 
    $('#WIX_ADSdesktopWADTop').css('display', 'none'); 
    $('#WIX_ADSdesktopWADTop').css('visibility', 'hidden'); 
}); 

, а также добавление цель CSS перед загрузкой рамки.

Я также попытался загрузить страницу с JQuery (не iFrame):

$("#test").html('<object id="foobar" class="redirect-frame" data="http://website.wix.com">'); 

но не повезло. Единственное, что работает, это alert('test');

Любые идеи? Я предполагаю, что это не работает, потому что страница не из одного источника? Это возможно?

Answer 1

У меня плохие новости, блок iFrame по умолчанию внедрен на кросс-начало, вы должны попробовать appendChild на нем, но я не знаю, будет ли он работать.