Jump to content
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.

 

 

Share this post


Link to post
Share on other 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.

 

 

 

Share this post


Link to post
Share on other 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>

 

 

Share this post


Link to post
Share on other 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!!!
 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By 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>
    • By 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.
       
       
       
       
    • By 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

    • By 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.
    • By 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" />
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.