[SOLUCIONADO] Ocultar Iframe dentro de DIV al pulsar boton del iframe

[angel_dope]

Hola a tod@s, a ver si consigo explicarme bien y se puede hacer esto que se me ha ocurrido. Tengo una página con varias opciones. Al pulsar una de estas opciones, muestra un div que estaba oculto y que contiene un iframe con otra página.
Lo que quiero hacer es que cuando pulsen el botón de enviar de la página que está dentro del iframe, el div de la página padre vuelva a quedar oculto.

¿Es posible hacer esto? Os dejo el código del iframe y de la ocultación, por si sirve como pista:

El div con el iframe

Código HTML:

<div id="contenido"><iframe src="anyadir_agenda_intranet.asp" width="100%" height="670" scrolling="no" frameborder="0"></iframe></div>
 

La función que oculta/muestra el div:

Código Javascript:

<script language="JavaScript"> 
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente
 "contenido_a_mostrar" es el nombre que le dimos al DIV 
 Aplicamos un retardo de 10 milisegundos para que WP cargue el iframe antes de ocultarlo y ajuste bien el tamaño*/
setTimeout ("muestra_oculta('contenido');", 10); 
}
</script>
 

[mpozo]

Quizás con

Código Javascript:

parent.document.getElementById()
 

[angel_dope]

Pues si, con eso lo he conseguido. He añadido el parent. a los dos document.getElementById de la función y la he puesto en la página del iframe y he añadido la llamada a la función en otra función que ya tenía esa página (una que comprueba el formulario antes de enviarlo).
Me ha surgido un problema y es que al ocultar el div, como la página contenida era bastante larga, la página padre se quedaba en la parte de abajo y no se veía el resto de la página, quedando un espacio en blanco bastante grande, pero lo he solucionado añadiendo un enlace en la parte superior y añadiendo a la función un document.getElementById("myAnchor").focus(); para que vuelva arriba.
Muchas gracias!!

[angel_dope]

Por si a alguien le viene bien, copio el código que he usado. En la página del iframe habría que añadir la misma función que en la página padre, pero añadiendo el "parent." donde corresponda. Además, tiene una linea más que lleva el foco a un enlace que hay en la página padre:

Código Javascript:

<script language="JavaScript"> 
function muestra_oculta(id){
if (parent.document.getElementById){ //se obtiene el id
parent.document.getElementById("myAnchor").focus();
var el = parent.document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
 }
}
</script>
 

Se añade la llamada a la función donde se quiera ejecutar, en mi caso, va dentro de la función que comprueba que los valores del formulario de la página contenida en el iframe sean correctos.

Código Javascript:

muestra_oculta('contenido');
            return true;}
 

Y por último se coloca un enlace en la página padre al que volverá el foco al ocultar la capa con el iframe:

Código HTML:

<a id="myAnchor" href="#"> </a>
 

He probado usando un ancla en lugar de un enlace y no funcionaba...