Comando AJAX ativado em uma página atuando em outra

[Luzbhel]

E ai gente!? Beleza?

É meu primeiro post aqui, mas eu procurei pra ver se já tinha essa duvida aqui sim! ^^

A questão é que coloquei na minha página, dentro de um iFrame, uma outra página que mostra os termos de uso. É simples; eu deixo o display dela em none e quando a pessoa clica no botão "Termos e Uso" o display muda para block.

Isso faz com que a página carregue junto da index e caso o usuário queira abrí-la não haverá delay; ela abrirá instantanemente.

O problema é que eu queria colocar o botão para fechar esse iFrame, ou seja, mudar o display para none novamente, dentro da página que foi aberta.

Bem, não funcionou.

Eu imagino o problema. Quando eu vou criar a função que fechará o iFrame, eu crio assim:

function fecharbox(){

termos = document.getElementById('termos');

termos.style.display = "none";

}

Acredito que o problema seja que a funcão é chamada na página 'termos de uso', mas o iFrame com Id 'termos' está na página Index. Como está la document.getElementById, o Id será procurado na página 'termos de uso'.

Esta função esta num arquivo .js externo que está sendo chamado tanto na página Index, quanto na página 'termos de uso'; o .css é a mesma coisas. Tem como fazer a função que será chamada na página 'termos de uso' pegar Id na página Index? E só fazendo isso, quando ele mudar o display para 'none', isso afetará a página Index, que é onde se encontra o iFrame?

[fiote]

dentro do iframe:

function meFechar() {
     parent.fecharBox();
}

na pagina original:

function fecharBox() {
     document.getElementById('termos').style.display = 'none';
}