Elementos de acceso de la ventana padre de iframe

Question

Tengo una página que podemos llamar parent.php. En esta página tengo un iframe con un formulario de envío y, además, tengo un div con el id "objetivo". ¿Es posible enviar el formulario en el iframe y cuando sea exitoso actualizar el div de destino? Digamos cargar una página nueva o algo así?

Edit: El div de destino está en la página padre, por lo que mi pregunta es básica si puede hacer un ejemplo de una llamada jquery fuera del iframe al padre. ¿Y cómo se vería eso?

Edit 2: Así es como se ve mi código jquery ahora. Está en la página de iframe. la #target div está en el 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(); 
}); 
}) 

I no sabe si el guión es causa activa el formulario envía succcessfully pero no pasa nada para apuntar.

Datos 3:

Ahora estoy tratando de llamar a la página principal de un enlace dentro del marco flotante. Y sin éxito allí tampoco

<a href="javascript:window.parent.getElementById('#target').load('mypage.php');">Link</a> 

Answer 1

creo que el problema puede ser que usted no está encontrando su elemento debido a la "#" en su llamada a conseguirlo:

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

Sólo es necesario el # si está utilizando jQuery. Aquí debe ser:

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

Answer 2

Haga que el js siguientes dentro del marco flotante y el uso de AJAX para enviar el formulario.

$(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"); 
      }); 
     }); 

    }); 

}); 

Answer 3

Creo que puedes usar window.parent del iframe. window.parent devuelve el objeto window de la página principal, por lo que podría hacer algo como:

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

Luego hacer lo que quiera con ese div.

Answer 4

Se puede acceder a los elementos de ventana padre desde dentro de un iframe utilizando window.parent así:

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

¿Qué es la misma que:

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

Y si tiene más de un iframes anidado y desea acceder al iframe superior, entonces puede usar window.top de esta manera:

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

¿Qué es la misma que:

div

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