Olá! Quarta Feira, 19 de Junho de 2013.



Dicas CódigoFonte.net
Segunda Feira, 12 de Novembro 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:

marcoscorreasantana@hotmail.com

Comentários do artigo [Novo comentário]

Allan Albuquerque Rocha - 05 de Janeiro de 2009 - 18:51
OS CÓDIGOS NÃO ESTÃO DISPONÍVEIS PARA COPIAR!
altemar vinicius trescastro miranda - 02 de Março de 2009 - 09:58
mal explicado
adriano nascifer - 03 de Abril 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 Abril de 2009 - 12:38
naum consigui
rosamaria - 06 de Junho de 2009 - 20:39
gostaria q o Marcos tentasse de nocvo a explicaçao pois parece q falta qq coisita...
Muito obrigada
rosamaria2948@hotmail.com
henrick martins - 28 de Junho de 2009 - 17:30
não intendi nada mas vou tentar
Gabriel Barros - 13 de Novembro 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 Novembro 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 Novembro 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 Abril de 2010 - 15:55
otimo! e eficiente...
Adim Alves de Almeida - 22 de Junho 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 Outubro 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 Janeiro de 2011 - 18:48
\o/
Hugo Cardoso - 13 de Outubro 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 Agosto 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?
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 » CodigoFonte.eti.br » Compre De Tudo » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010