Direcionar Links Para um IFRAME

[HoruS* 21]

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 :

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

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:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

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:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Entenderam?

 

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

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

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

[Juliana~* 26]

Bem legal seu tutorial, o conteudo dele ja temos aqui no forum,

Aqui o tópico

mais todas postagens são bem vindas, topico bem legalzin, organizado e tals, obrigada por compartilhar

[Kyle 6]

Horrível. Bem mais fácil usar com javascript. :lol:

[vitorcorrea 0]

Tópico existente.

mas mesmo assim obrigado por postar e compartilhar o conteudo.

será util!

Abraços :amor:

[קђ๏єภเא 14]

Utilize id é bem mais fácil e pode ser facilmente manipulado com css.

 

<iframe id="teste".../>

 

<script>

function link() {

document.getElementById('teste').src="http:/site.com";

};<script>

};

<input type="button" onclick="link();" </input>

[Kyle 6]

Eu já tinha feito esse código há um tempão mas, agora que fui lembrar de postar aqui. :rs:

 

Um simples código que vai criar um iframe do site UOL ao clicar no botão 'teste' e ao clicar no botão 'trocar' vai trocar a src (url) do iframe para qual o usuário digitar na prompt.

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se