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

Joel Martins · 12 de setembro de 2021

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 : ))

DiF · 13 de setembro de 2021

@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..

Joel Martins · 14 de setembro de 2021

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.

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.

DiF · 14 de setembro de 2021

@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:

Joel Martins · 18 de setembro de 2021

@DiF Boas,

Eu tentei mas não funcionou da sua forma porque ao incluir o ficheiro php o ficheiro css não é incluído.

Então eu tentei assim:

<?php include'../navegation_bar_/index.php' ; echo'<style>';include'../navegation_bar_/style.css';echo'</style>';?>

e já funcionou. Depois tenho que colocar o style na head e está feito.

Entrar

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

Posts recomendados

Joel Martins

Link para o comentário

Compartilhar em outros sites

DiF

Link para o comentário

Compartilhar em outros sites

Joel Martins

Link para o comentário

Compartilhar em outros sites

DiF

Link para o comentário

Compartilhar em outros sites

Joel Martins

Link para o comentário

Compartilhar em outros sites

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos