[Resolvido] iframe com função

[NIKESLB 0]

boas,

Tenho este link:

http://testdark.netne.net/test2.html

 

A minha mudança de frames funciona. A parte com bordas é frame e em baixo é uma div, se clicarem nas imagens da div, a imagem de cima irá recuperar o valor do src graças a estas linhas de cods:

document.getElementById('imgAvatar').src = isrc;

que vem do arquivo js da função escolherAvatar:

http://testdark.netne.net/js2.js

 

e recebe na página principal nesta linha:

<img id="imgAvatar" src="" class="border"><br />

 

Com divs funciona perfeitamente, agora com frames não funciona. Segui um tutorial sobre frames e envio de funções mas não chegou a ajudar. Alguém sabe como posso resolver isto?

[Paulo de Tarso F. M. 24]

Sinceramente, não consegui entender o que pretende fazer... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif Poderia explicar melhor?

[NIKESLB 0]

http://testdark.netne.net/test2.html

 

Se tivermos a ver este link, podemos ver 2 locais com imagens e ao clickar a imagem no topo irá mudar conforme o click. O meu primeiro teste foi com uma div (que se encontra em baixo da frame), mas achei que era melhor usar frames para isto, assim poderia mudar de categorias e filtrar as imagens facilmente. O Problema é que não consigo fazer com que a imagem do topo recupera o SRC (endereço) da imagem clicado da frame, e é isso que eu queria resolver. Consegui com uma div, pode testar funciona (click nas imagens em baixo da frame, que é uma div e irá notar que a imagem de topo irá recuperar o endereço e irá mudar a imagem conforme o click), agora com iframe não dá. Como poderei fazer para que a imagem de topo recebe o SRC quando clico numa imagem do iframe?

[Paulo de Tarso F. M. 24]

Bom, não utilizo <iframe>, mas realizei alguns testes aqui com seus arquivos e consegui fazer funcionar... Para isso, faça o seguinte:

 

1) No arquivo todos.html, que é exibido dentro do <iframe>, terá que adicionar o link para o arquivo js2.js assim como está na página principal (test2.html);

 

2) No arquivo js2.js, altere a função escolherAvatar( ) pela seguinte:

function escolherAvatar(id, isrc)
{
	window.top.document.getElementById('avatar').value = id;
	window.top.document.getElementById('imgAvatar').src = isrc;
	window.top.document.getElementById('img').value = isrc;
}

Dessa forma, quando você clicar em alguma imagem, esteja ela dentro do <iframe> ou não, a busca sempre será feita na janela principal, pois indicamos com o window.top, ou seja, sempre a janela/frame que estiver no topo da hierarquia...

 

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[NIKESLB 0]

omg, nem acredito, tive tão perto. Ainda passei por window.top.document e testei, mas não pensei que era assim, devia ter testado mais e em todas as instruções da função...

 

Mas agora tá resolvido e explicou de forma clara e em poucas palavras em que consiste o windows.top.

 

Obrigado :D

 

(Resolvido)