Acessar elementos da janela pai a partir do iframe

Eu tenho uma página que podemos chamar parent.php. Nesta página eu tenho um iframe com um formulário de envio e fora disso eu tenho um div com o id “target”. É possível enviar o formulário no iframe e, quando houver êxito, atualizar o div de destino. Digamos que carregue uma nova página ou algo assim?

Edit: A div alvo está na página pai, então a minha pergunta é basicamente se você pode fazer um exemplo de uma chamada jquery fora do iframe para o pai. E como isso ficaria?

Edit 2: Então é assim que meu código jquery se parece agora. Está na página do iframe. o div #target está no parent.php

$(;"form[name=my_form]").submit(function(e){ e.preventDefault; window.parent.document.getElementById('#target'); $("#target").load("mypage.php", function() { $('form[name=my_form]').submit(); }); }) 

Não sei se o script está ativo porque o formulário é enviado com êxito, mas nada acontece para segmentar.

Editar 3:

Agora estou tentando chamar a página pai de um link dentro do iframe. E também não há sucesso

 Link 

Eu acho que o problema pode ser que você não está encontrando seu elemento por causa do “#” em sua chamada para obtê-lo:

 window.parent.document.getElementById('#target'); 

Você só precisa do # se estiver usando jquery. Aqui deveria estar:

 window.parent.document.getElementById('target'); 

Tenha o js abaixo dentro do iframe e use ajax para enviar o formulário.

 $(function(){ $("form").submit(e){ e.preventDefault(); //Use ajax to submit the form $.ajax({ url: this.action, data: $(this).serialize(), success: function(){ window.parent.$("#target").load("urlOfThePageToLoad"); }); }); }); }); 

Você pode acessar elementos da janela pai de dentro de um iframe usando window.parent como este:

 // using jquery window.parent.$("#element_id"); 

Qual é o mesmo que:

 // pure javascript window.parent.document.getElementById("element_id"); 

E se você tiver mais de um iframes nesteds e quiser acessar o iframe mais importante, use window.top assim:

 // using jquery window.top.$("#element_id"); 

Qual é o mesmo que:

 // pure javascript window.top.document.getElementById("element_id"); 

Eu acho que você pode usar o window.parent do iframe. window.parent retorna o object da janela da página pai, então você pode fazer algo como:

 window.parent.document.getElementById('yourdiv'); 

Então faça o que quiser com essa div.