Ir ao conteúdo
  • Cadastre-se

HTML Inserir página de barra de navegação em outras páginas


Posts recomendados

Boas,

Eu criei uma página html onde está uma barra de navegação e o meu objetivo era inserir essa barra de navegação em outras páginas.

Ex: quando temos uma página CSS colocamos:


    <link rel="stylesheet" href="style.css"/>

e o código dessa página é aplicado na outra .

Esse era o objetivo mas em vez de ser uma página css era uma página html e assim conseguir inserir a barra de navegação em várias páginas com o mesmo ficheiro.

 

 

Alguém me pode ajudar?

Agradeço toda a ajuda possível : ))

Link para o comentário
Compartilhar em outros sites

  • Moderador

@Joel Martins Basicamente você pode fazer isso com javascript / jquery

 

Por exemplo:

<div id="menu"></div>
     
   <script>
   $(document).ready(function(){    
            $(function(){
                $("#menu").load("pagia_navegacao.html"); 
            });
        
   });
   </script>

 

Isso faz, com que quando o site carregue, ele insira e mostre o conteúdo do arquivo html no elemento destinado.

Existem inumeros meio de resolver isso.. esse é apenas um deles.  Particularmente prefiro fazer dinamicamente com php. 

OU melhor ainda,  crie o site com o menu, e dentro do elemento no site você carrega o conteúdo do site tornando o menu sempre fixo..

Link para o comentário
Compartilhar em outros sites

Em 13/09/2021 às 10:22, DiF disse:
<div id="menu"></div>
     
   <script>
   $(document).ready(function(){    
            $(function(){
                $("#menu").load("pagia_navegacao.html"); 
            });
        
   });
   </script>

Este método não funcionou.

Página de Escola

image.thumb.png.c65aee3b59ee538004dc57d13b6038de.png

Em 13/09/2021 às 10:22, DiF disse:

Existem inumeros meio de resolver isso

Poderia dizer-e um site onde possa ver este e outros métodos para eu poder testar? Obrigado: )

@DiF ou então se preferir pode referir aqui os outros métodos.

Link para o comentário
Compartilhar em outros sites

  • Moderador

@Joel Martins Agora que eu vi, você tentou usar com um arquivo php.. eu nunca tinha tentado assim.. geralmente eu usava com arquivos.html. 

 

Você tentar fazer dessa forma:

Cria o arquivo  navegacao.php  contendo apenas a estrutura do menu.

Aí no seu "index.php"  você adiciona assim:

<body>
   <div id="menu">
          <?php include 'navegacao.php'; ?>     
   </div>
  
  <div id="conteudo">
     resto do site..
  </div>
       

Dessa forma, sempre o php vai carregar a página de navegacao com os menus naquele elemento.., se você alterar algum link no menu, vai mudar pra todas as páginas.. porque você está adicionando um arquivo separado.

 

Enfim outra forma de fazer é parecida com esse video aqui:

 

Link para o comentário
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisa ser um usuário 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

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Redes-Wi-Fi-capa-3d-newsletter.png

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!