Ir para conteúdo
TeixeiraRamos

Criar uma âncora HTML

Recommended Posts

Olá pessoal,

É o seguinte:

Tenho http://localhost/estudoporlivros/tutorial_mysql_livro/001_estudos.php

e uma página  http://localhost/estudoporlivros/tutorial_mysql_livro/index.php

na index.php criei links onde a página "001_estudos.php" com todo o conteúdo (contem diversos títulos) é aberta.

Porém, gostaria de criar, na página index.php, links onde o atributo href com a respectiva (âncora), vá para o título correspondente na página que se encontra em http://localhost/estudoporlivros/tutorial_mysql_livro/001_estudos.php

 

Já tentei:

Na página index.php indiquei :

<a href=”titulo#Dependências funcionais>Dependências funcionais</a>   

   

 

Na página 001_estudos_php - um dos títulos, por exemplo, que desejo link indiquei:

<h2><strong><a name="Dependências funcionais"</a></strong></h2>

 

Resultado:

Não abre a página 001_estudos.php e mostra:

 

Citar

Not Found

The requested URL was not found on this server.


Apache/2.4.41 (Win64) PHP/7.1.33 Server at localhost Port 80

 

O link não funciona pois com http://localhost/estudoporlivros/tutorial_mysql_livro/001_estudos.php

a página abre normalmente.

 

Obrigado.

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvido assim

Na página index.php:

<a href="http://localhost/estudoporlivros/tutorial_mysql_livro/001_estudos.php#titulo_001">Link do assunto</a>

O link vai para:

<h2><strong><a name="titulo_001"></a>Dependências funcionais</a></strong></h2>

Resultado: 

Vai para o Título "Dependências funcionais"

 

Obrigado a todos.

Saúde e Paz.

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pode fazer assim

 

<a href="#Titulo01">Titulo 01</a><br/>
<a href="#Titulo02">Titulo 02</a><br/>


<div id="Titulo01">
  <h3>Titulo 01</h3>
  <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid</p>
</div>
<div id="Titulo02">
  <h3>Titulo 02</h3>
  <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid</p>
</div>

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 18/04/2020 at 08:33, TeixeiraRamos disse:

Resolvido assim

Na página index.php:


<a href="http://localhost/estudoporlivros/tutorial_mysql_livro/001_estudos.php#titulo_001">Link do assunto</a>

O link vai para:


<h2><strong><a name="titulo_001"></a>Dependências funcionais</a></strong></h2>

Resultado: 

Vai para o Título "Dependências funcionais"

 

Obrigado a todos.

Saúde e Paz.

 

 

 

 

bom dia amigo,

tenho uma dica boa que irá te ajudar muito!

ali no seu HREF está com o link completo, certo...

olha só essa dica:

1) crie um arquivo dentro do root do seu projeto, 'config.php' e coloque o seguinte:

 

<?php
// local do seu projeto
$pastaProjeto=""; // se ele estiver dentro de alguma pasta dentro do seu locahost, coloque aqui ex: localhost/projeto1, coloque "projeto1"
define('DIRPAGE',"http://{$_SERVER['HTTP_HOST']}/{$pastaProjeto}"); //quando for publicar, mude para https 
(substr($_SERVER['DOCUMENT_ROOT'],-1)=='/')?$barra="":$barra="/";
define('DIRREQ',"{$_SERVER['DOCUMENT_ROOT']}{$barra}{$pastaProjeto}");

//atalhos para suas pastas dentro do seu projeto
define('DIRIMG',DIRPAGE.'imagens/'); //aqui você coloca suas imagens
define('DIRCSS',DIRPAGE.'css/'); //aqui você coloca seus css
define('DIRJS',DIRPAGE.'js/'); //aqui você coloca seus js
?>

agora como usar....

 

no seu codigo, quando você precisar especificar algum link, basta você digitar

 

<?php
echo DIRPAGE."teste.php";
?>

<!-- para usar em links-->

<a href="<?php echo DIRPAGE;?>teste.php">link</a>

 

assim, quando você precisar mudar seu projeto de lugar ou publicar, basta você entrar na pagina config e fazer as alterações por lá..

 

do jeito que você está fazendo, sempre vai dar pau quando você precisar mudar uma pasta de lugar ou publicar o porjeto, pois você terá que alterr em todas as pagianas...

 

dessa forma, se você precisar renomear ou mudar a pagina de imagens, por exemplo...

é só você ir no seu config.php e mudar por la... dai todas as paginas do seu projeto iram funcionar perfeitamente....

usando no seu problema... ficaria da seguinte forma:

<a href="<?php echo DIRPAGE;?>001_estudos.php#titulo_001">Link do assunto</a>

muito mais simples ne?!

 

e se você mudasse o projeto de lugar, funcionaria normalmente.. sem você precisar alterar em todas as paginas e todos os links...

 

 

espero que te ajude...

 

sugestao para leitura

 

-DEFINE
-CAMINHOS ABSOLUTOS

-$_SERVER

 

 

abrço!!!
 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por 4ly
      Olá. Bom basicamente eu tenho um botão âncora que leva até a aba de sobre do meu site, só que ele não tem animação, ele simplesmente "teleporta" para essa aba do nada isso não é legal. 
      Gostaria de saber algum código de JavaScript ou CSS para solucionar isso 
      Esse é o código : 
       
      <button id="explorer"><a href="#about">Explorar</a></button>
    • Por Luccas Gaulia
      Pessoal,
       
       
      Seguinte, estou utilizando uma página com ancora em "abas", porém quando clico no link dentro da ABA ele abre certinho mais puxa para o TOP da página o id correspondente, e assim prejudica o MENU que está fixo na parte de cima (pois corre a página)
       
      Gostaria de saber se têm como ao clicar no âncora do link, ele direcionar para uma posição definida. Pois o que acontece é ele levar o div #id até o topo do navegador.
       
       
       
       
    • Por Elson Lima
      Tenho um script que faz uma rolagem suave ao clicar no link com âncora. O problema é que ele rola a página toda. Preciso que ele role somente o conteúdo que está dentro de uma div específica e o resto da página permaneça fixa. Alguém pode ajudar?
       
      Segue codigo que tenho:
      $(".scrollSuave").click(function(event){ event.preventDefault(); $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top - 00 }, 500); }) <div class="col-lg-3"> <a href="#" class="list-group-item active"> TÓPICOS DA AJUDA </a> <a href="#funcionamento" class="list-group-item scrollSuave">Opção 1</a> <a href="#cadastrar" class="list-group-item scrollSuave">Opçao 2</a> </div> <hr> <!-- O CONTEUDO DESTA DIV QUE DEVE ROLAR O CLICAR NO LINK --> <div class="col-lg-9"> <h4 id="funcionamento"><b>Opção 1</b></h4> texto aqui <h4 id="cadastrar"><b>Opção 1</b></h4> texto aqui </div> print da pagina para facilitar

    • Por Alessandro Bodão
      Olá pessoal do fórum.
       
      Preciso de ajuda em um bug que não estou entendendo. Fiz um site com todo o conteúdo em uma só página, cada página do menu, desce rolando até o certo ponto. Mas pela primeira vez, sempre vai pro lugar errado, na maioria das vezes a página rola pra baixo da parte que deveria. Queria a ajuda de vocês pra descobrir o que esta acontecendo.
       
      Código do javascript:
      $(window).load(function() { function filterPath(string) { return string .replace(/^\//,'') .replace(/(index|default).[a-zA-Z]{3,4}$/,'') .replace(/\/$/,''); } $('a[href*=#]').each(function() { if ( filterPath(location.pathname) == filterPath(this.pathname) && location.hostname == this.hostname && this.hash.replace(/#/,'') ) { var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']'); var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; if ($target) { var targetOffset = $target.offset().top; $(this).click(function() { $('html, body').animate({scrollTop: targetOffset}, 1500); return false; }); } } }); }); Código html do menu:
      <nav id="menu"> <ul> <li> <img id="logo" src="logo-menu.png" alt="logo" width="100px"/> </li> <li> <a href="#topo">Home</a> </li> <li> <a href="#sobre">Sobre</a> </li> <li> <a href="#portfolio">Portfólio</a> </li> <li> <a href="#servicos">Serviços</a> </li> <li> <a href="#rodape">Contato</a> </li> </ul> </nav> A paginas estão linkadas pelo 'id'. São articles, sections, divs e footers.
    • Por FelipeMussolini
      Estou com uma duvida criei um site com ancoras mais gostaria de transformar os links em url amigável com o web.config do iis mais não esta dando muito certo há alguma maneira de fazer isso , Segue abaixo parte do meu código.

      <rule name="Imported Rule 1" stopProcessing="true"> <match url="^bagel/home/?$" /> <action type="Rewrite" url="/bagel/index.html#HOME" appendQueryString="false" /> </rule> <rule name="Imported Rule 2" stopProcessing="true"> <match url="^bagel/grupo/?$" /> <action type="Rewrite" url="/bagel/index.html#GRUPO" appendQueryString="false" /> </rule> <rule name="Imported Rule 3" stopProcessing="true"> <match url="^bagel/servicos/?$" /> <action type="Rewrite" url="/bagel/index.html#SERVICOS" appendQueryString="false" /> </rule> <rule name="Imported Rule 5" stopProcessing="true"> <match url="^bagel/downloads/?$" /> <action type="Rewrite" url="/bagel/index.html#DOWNLOAD" appendQueryString="false" />
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.