[Resolvido] Executar função no onLoad

[Conrado Rios Lima 0]

Bom dia galera,

 

dei uma pesquisada no fórum, mas na realidade não sabia como descrever minha dúvida, por isso abri um novo tópico.

 

Estou remodelando o seguinte site:

 

http://www.rceventos.com.br/cinthiaepierre1/

 

no meio da pagina tem um botão escrito "aaaaaaaaaa".

 

quando clico nele o fundo da pagina dentro do iframe fica vermelho. o código que faz isso é o seguinte:

 

function mudaIFrame(){

var seuIFrame = (document.getElementById("iFrm").contentWindow || document.getElementById("iFrm").contentDocument);
if (seuIFrame.document) {
		seuIFrame = seuIFrame.document;
}

seuIFrame.body.style.backgroundColor = "#FF0000";
}

 

e no botão eu executo a função no evento onClick.

 

minha dúvida é por que quando eu chamo a função no evento onLoad no body, não funciona. como faço pra esse benedito funcionar??

 

abraços

[William Bruno 1501]

você está tentando chamar no onload de quem ?

 

da página pai ? ou no onload do iframe ?

 

 

para saber o motivo de não funcionar, veja no console de erros.

Ctrl+Shift+J no Firefox:

http://wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

[Conrado Rios Lima 0]

da página pai, não tenho acesso ao conteúdo do iFrame, apesar de estarem no mesmo servidor.

[William Bruno 1501]

faça assim, e me diga se retornar algum erro no console.

 

 

window.onload = function(){
   mudaIFrame();
}

[Conrado Rios Lima 0]

já tentei isso tbm e não funcionou

[William Bruno 1501]

ok, mas quando "não funciona", existe um motivo.

apenas "não funcionou", não nos ajuda a te ajudar.

 

 

Oque aparece de erro no console ?

 

leu o post que linkei aqui ?

[Conrado Rios Lima 0]

Sim li o seu post, então no console não aparece nenhum erro, somente vários alertas, mas nenhum parece ter ligação com essa função

[William Bruno 1501]

Cara, a única coisa que consigo pensar então, é que o onload da página mãe está acontecendo muito antes do termino do onload do iframe.

 

tente assim:

 

 

window.onload = function(){
   document.getElementById("iFrm").contentWindow.document.body.style.backgroundColor = '#f00';
}

[Conrado Rios Lima 0]

nada feito... não vai nem a bala.

 

resolvi o problema colocando.

 

window.onmousemove = function(){
   document.getElementById("iFrm").contentWindow.document.body.style.backgroundColor = '#f00';
}