Login Registre-se

Home > Artigos > Ambiente WEB >

Acessando iFrames via jQuery

Publicado por Metal Java Full em 12/05/2012 - 8.158 visualizações


comentários: 0

Para acessar, de dentro de um iframe, um valor externo, utilizamos o seguinte código: Entretanto, nunca tínhamos passado pela situação contrária.

0

Pesquisando um pouco descobrimos uma alternativa, porém em JavaScript. Para ficar melhor o entendimento, vamos simular uma situação aqui. Temos uma página html "A.html" e dentro da mesma existe um iframe que aponta (src) para uma página "B.html":

Suponhamos que queremos buscar o valor digitado no campo de texto ('campoTeste') do iframe e exibir em um alert javascript o mesmo ao clicar no botão que está fora do iframe.

Para isso, precisamos implementar o seguinte código javascript na função "exibeValor()":
Entretanto, essa abordagem ainda não compreendia o que queríamos, uma vez que estávamos utilizando jQuery. Logo, encontramos a solução abaixo para o mesmo método:
Ainda assim, essa implementação ainda faz uso de chamada de atributos javascript bruta. Queríamos algo totalmente jQuery, e então chegamos a código:
Tudo ficou mais simples por causa da função contents() do jquery. Normalmente, a função retorna todos os nós filhos a partir dos elementos combinados, mas no caso de um iframe todo o documento é carregado no iframe. Agora você pode usar o find() para localizar os elementos que você precisa para trabalhar e é isso.

comentários: 0