Привязать к элементу в iframe (тот же домен)

Question

У меня есть iframe, который я динамически вставляю на страницу. Затем я хочу привязать кнопку внутри этого iframe для запуска обновления страницы на родительской странице.

Возможно ли это? Оба находятся в одном домене.

$('body').append('<iframe id="cacheBuster" src="http://lol.com/system/page.aspx" style="position: absolute; top:0; right:0; width: 20px; height: 20px; background: #fff" frameborder="0"></iframe>');

var cacheIframe = $('#cacheBuster');

cacheIframe.live('mouseover', function()  {
        $(this).stop().animate({ width : 300, height : 300});
    });

cacheIframe.contents().find('#buttonid').live('click',function() {
    alert('cleared!');
    window.location.reload();
});

Answer 1

Я думаю, если вы просто сделаете:

window.location.reload(); ==> window.parent.location.reload();

Вы можете достичь описанной функциональности.

хотя, если код выполняется во внешнем окне, ваш код уже должен работать, потому что область действия window соответствует родительской. Вы уже пробовали это?

EDIT: хорошо, это, вероятно, легче обойтись без jquery.

var ifr = document.createElement('iframe');
ifr.src = "http://google.com/";

document.body.appendChild(ifr);
button = ifr.contentDocument.createElement('a');
button.onclick = "window.parent.location.reload();" //you could prob use jquery here
ifr.contentDocument.body.appendChild(button);