Vamos supor para o seu exemplo a seguinte estrutura:
start.html
h1.html (iframe menu)
function alterarInput()...
h2.html (iframe resto)
<input id="input1" />
Em qualquer dos iframes
, você pode acessar a página parent (start) com Javascript
, e em seguida qualquer elemento da página parent, incluindo os iframes
. Então, no exemplo que coloquei na function que está no iframe
menu, vamos acessar o input
do iframe
resto assim:
function alterarInput() {
parent.resto.document.getElementById('input1').value= 'novo valor';
}
Obs.: evite usar iframes
, eles estão obsoletos e as permissões de alguns navegadores podem fazer com que não funcionem. Se precisar usar arquivos separados existem outras alternativas mais modernas.
frame
eframeset
? Ps.: Ambos estão deprecado.contentDocument
, o navegador está bloqueando o acesso, removi a resposta enquanto procuro uma solução :) Uma dúvida. Você utiliza jQuery?