Olá! Sunday, 17 de December de 2017.



Dicas CódigoFonte.net
Monday, 12 de November de 2007

Direcionar Links Para um IFRAME

E ai gente!!!

Hoje estarei ensinando a direcionar links para um iframe.
Pois é ... é muito chato ficar entrando em uma página e ficar esperando minutos e minutos para atualizar e assim abrir uma nova página. Nesse tutorial aprenderemos uma forma pra que isso não seja mais necessário.

Para começar se vocês não tiverem um código de IFRAME vou passar um :

  1. <iframe name="InlineFrame1" id="InlineFrame1" width="562" height="382" src="http://colokar_aqui_o_nome_do_site" frameborder="1"></iframe>


Pronto agora vocês já tem o código.

Agora vamos aprender a direcionar o link ( que é uma parte fácil mais muitas pessoas não sabem utilizar esse recurso)

Vamos pegar um link normal:

  1. <a href="index.htm">Inicio</a>


Esse é um link em que a palavra utilizada para hiperligação é inicio e a pagina aonde está ligada é index.htm

Agora colocaremos a TAG que irá direcionar o conteúdo para o iframe.

Se vocês voltarem no código do iframe eu coloquei o nome dele de InlineFrame1 então o código ficará mais ou menos assim:

  1. <a href="index.htm" target="InlineFrame1">Inicio</a>


Entenderam?

É necessário apenas colocar o target (ou alvo) no link com o nome do iframe.

  1. target="o nome do iframe"


OBS.: Você tem de fazer isso com todos os links

Gostaram?

Qualquer dúvida entre em contato comigo:

[email protected]

Comentários do artigo [Novo comentário]

Allan Albuquerque Rocha - 05 de January de 2009 - 18:51
OS CÓDIGOS NÃO ESTÃO DISPONÍVEIS PARA COPIAR!
altemar vinicius trescastro miranda - 02 de March de 2009 - 09:58
mal explicado
adriano nascifer - 03 de April de 2009 - 00:56
eu sempre fiz isso e funcionava bem. Mas eu li em algum lugar que o target não funciona com iframe então eu parei de usar com medo de que fosse um erro no meu navegador.
william - 23 de April de 2009 - 12:38
naum consigui
rosamaria - 06 de June de 2009 - 20:39
gostaria q o Marcos tentasse de nocvo a explicaçao pois parece q falta qq coisita...
Muito obrigada
[email protected]
henrick martins - 28 de June de 2009 - 17:30
não intendi nada mas vou tentar
Gabriel Barros - 13 de November de 2009 - 11:06
Gente, ??l, f?l. Rapidinho:
<iframe src="URL" width="120" height="120" name="lugar" noresize></iframe>

Para carregar uma p?na no IFRAME basta criar um link do tipo:

<a href="pagina.html" target="lugar">clique aqui</a>


boa sorte! :)
Gabriel Barros - 13 de November de 2009 - 11:06
Gente, é fácil, fácil. Rapidinho:
<iframe src="URL" width="120" height="120" name="lugar" noresize></iframe>

Para carregar uma página no IFRAME basta criar um link do tipo:

<a href="pagina.html" target="lugar">clique aqui</a>


boa sorte! :)
EZIO LUIZ DA COSTA - 17 de November de 2009 - 21:56
OLA GOSTO MUITO DOS CODIGOS SOU UM AMANTE DE WEB MAS AINDA NÃO TENHO CONHECIMENTO TOTAL SOBRE O ASSUNTO, MAS ACHO MUITO IMPORTANTE O QUE VOCÊS FAZEM POR NÓS.
ANDREWSSOARES - 02 de April de 2010 - 15:55
otimo! e eficiente...
Adim Alves de Almeida - 22 de June de 2010 - 20:45
Prezado Marcos Correa
Estou usando o link com target e o iframe numa MasterPage, com o iframe dentro do ContentPlaceHolder de conteúdo da masterpage e, a página chamada só abre numa nova janela. Poderia me ajudar? Grato Adim
hackerr - 08 de October de 2010 - 23:05
pessoal... esse script funciona normalmente!
minha pagina é especialmente baseada nessa materia !
H4ck3rs.hd1.com.br
veja o efeito nos menus... é atravez dos iframes.
para poder usar esse codigo, eu tive q fazer centenas de teste para poder chegar a esta conclusão, testei em todos os browsers possiveis, e descobri q ele tem uma certa falha para os antigos, mas fora a isso vcs podem usar tranquilamente :D
Carlos Enrick - 29 de January de 2011 - 18:48
\o/
Hugo Cardoso - 13 de October de 2011 - 07:51
Olá, eu tenho um problema um pouco diferente.
Eu tenho dois iframes na mesma página e um é para fotos e outro para o texto, e queria que com o mesmo botão alterasse ao mesmo tempo a foto e o texto. Ou seja, o mesmo botão para dois links e target diferentes
Alguém me pode ajudar?
Obrigado.
Jailson - 13 de August de 2012 - 07:56
Tem como o link levar ate o iframe? ex: o link ta no topo da pagina e o iframe do no final, tem como o link levar ate o fim da pagina como uma ancora?
leonardo schultz - 01 de December de 2014 - 14:30
Perfeito ;)
Adilson - 09 de April de 2017 - 15:15
Alguém me dá uma ajuda ! onde eu coloco o código iframe ?? eu quero chamar uma página iframe através de uma link, eu já sei o código do iframe e do link, mas não sei onde coloco o código do iframe, porque eu coloquei ele na mesma página que eu quero que ele apareça, mas ele fica lá direto. Eu preciso que ele apareça só quando eu chamar através do link. Alguém me ajuda ?
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010