Alterar codigo-fonte de frame com javascript

Alberto Leôncio · Julho 1, 2011

Digamos que eu tenha uma página assim:

<HTML>
<HEAD>
 <TITLE>Página</TITLE>
</HEAD>
<frameset>
 <frame id="id1" src="http://www.example.com/"></frame>
</frameset>
</HTML>

E na página example.com, o conteudo seja assim:

<HTML>
<HEAD>
 <TITLE>Página frame</TITLE>
</HEAD>
<div id="id2">...</div>
</HTML>

Mas eu quero que a 'div' fique assim:

<div id="id2" display="none">...</div>

Tem como fazer essa mudança colocando javascript na página, sem alterar a pagina do frame?

E se, ao invés de id, ouvesse só "class", ainda tem como?

Tiago Neves · Julho 2, 2011

Ola Alberto.

PAra acessar as funções e objetos do iFrame é só fazer assim ó:

iframe = document.getElementById("id1").contentWindow;

iframe.funcaodoiframe();

e para acessar a estrutura do documento você pode fazer assim:

iframe = document.getElementById("id1").contentDocument;

dividoiframe = iframe.document.getElementById("id2");

Mas só pra deixar claro, você não vai conseguir fazer isso se o conteudo do site for externo ou seja de outro site a não ser o do seu domínio.

Todos os browsers tem restrições e os que não tem terão em breve.

abraços

Recommended Posts