Como conectar uma âncora no iframe

Escrito por chad buleen | Traduzido por fernanda lemi
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

Adicionar um iframe a uma página web pode ser uma maneira eficaz de exibir conteúdo de outra página sem redirecionar os visitantes para outro endereço. Contudo, um dos problemas que podem ocorrer ao utilizar esse recurso é quando se deseja direcionar os leitores a uma parte específica da página embutida no iframe. Para fazer isso, é necessário criar um link para uma âncora dentro dele.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Acesse o servidor de hospedagem web.

  2. 2

    Abra a página HTML na qual serão adicionados o iframe e a tag de âncora.

  3. 3

    Adicione o script abaixo na página, entre as tags <head> e </head>:

    <script> function loadorder() { document.getElementsByName("nomedoiframe")[0].src= "http://www.website.com.br#textoancora" window.scrollTo(0,0) } </script>

  4. 4

    Clique com o ponteiro do mouse no local da seção <body> da página onde deseja inserir o iframe.

  5. 5

    Insira o código abaixo:

    <iframe width="830" src="http://www.website.com.br#textoancora" height="500" scrolling="yes" frameborder="0" id="nomedoiframe" name="nomedoiframe" style="top: 200px; left: 0px; position:absolute" onLoad="loadorder();"></iframe>

  6. 6

    Substitua as duas ocorrências de "http://www.website.com.br#textoancora" (em <head> e em <body>) pelo endereço URL real e o texto desejado na página iframe embutida que funcionará como âncora.

    Por exemplo, se a página embutida for "http://www.tudosobrepesca.com.br" e o texto na página que será ancorada for "Como pescar", digite "http://www.tudosobrepesca.com.br#Como pescar".

  7. 7

    Se desejar, altere as configurações de altura e largura do iframe.

  8. 8

    Publique a página.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível