Ir ao conteúdo
  • Cadastre-se
fd4soft

Javascript RESOLVIDO Como não repetir o código de um html para outra página ?

Recommended Posts

Bom! Eu não sei se o titulo especifica com precisão o que é, mais ao fim da dúvida eu mudo. A minha dúvida é por exemplo, tenho um index.html que tem 5 reviews para o usuário, acima disso existe um menu que tem a opção contato (contato.html) que na qual também tem o mesmo reviews do index.html. Ok! Mais se eu não precisasse chamar novamente os dados do db para mostrar os reviews em contato.html, fazendo com que  por exemplo um código comparasse os dois html´s e verificasse o que se repete ou não ente os dois... assim não precisaria chmar novamente os dados do db.

Logo pensei em accordions ou modals, mais isso não é a mesma ideia por que esta dentro da mesma página ou é assim que devo fazer?Se não for possível? Exemplo feito em accordions:

<html>
<title>index</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<body>
<div class="container">

<button onclick="myFunction('t1')" class="button1">b1</button>
<div id="t1" class="text1">
    <p>...</p>
</div>

<button onclick="myFunction('t2')" class="button2">b2</button>
<div id="t2" class="text2">
    <p>...</p>
</div>

</div>
<script>
function myFunction(id) {
    var x = document.getElementById(id);
    if (x.className.indexOf("texts") == -1) {
        x.className += "texts";
    } else { 
        x.className = x.className.replace("texts", "");
    }
}
</script>

</body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@FD4soft Você só vai resolver isso se usar o ajax...  que é uma técnica de requisição assíncrona.

Você monta o seu layout e estrutura, uma vez, e chama os arquivos html ou php se quiser  no lugar desejado.

Assim você não precisa fazer o mesmo layout e tudo mais todas as páginas do site.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, DiF disse:

@FD4soft Você só vai resolver isso se usar o ajax...  que é uma técnica de requisição assíncrona.

Você monta o seu layout e estrutura, uma vez, e chama os arquivos html ou php se quiser  no lugar desejado.

Assim você não precisa fazer o mesmo layout e tudo mais todas as páginas do site.

 

Valeu! Mais como sou novato e estou aprendendo Webdesign, pesquisei sua indicação com ajax e encontrei um usando Jquery e Ajax...porém como nunca me deparei com isso até então pensei se você tem uma indicação simples de como projetar isso...!?

Compartilhar este post


Link para o post
Compartilhar em outros sites

@FD4soft Sim. Na verdade se você procurar mais especificamente sobre o jQuery e ajax, seja no youtube ou no google vai achar bons exemplos.

Um dos sites que uso para recomendar é a W3School

 

Sobre o site que você postou. Nenhum deles fica bom para abrir links assim. No caso você precisa  usar o load().

 

Por exemplo:

$('nav a').on('click', function(e) {
    e.preventDefault();
    var page = $(this).attr('href');
    $('.conteudo').load(page);
});

Esse código é um exemplo de um elemento de link <a> contido em um menu nav.

Ao clicar o link, a variável page recebe o valor do "href" que é o nome do arquivo html.

O load() é a função que carrega a  página desejada.

 

Note que  na frente do load(),  chamo o $(".conteudo")   esse é o elemento onde você quer inserir o conteúdo do arquivo html que abriu.

 

No arquivo HTML  do "page", você não precisa colocar todas as tags do html,  basta criar a estrutura que vai usar ali na quele elemento.

Como por exemplo <header>, <h1>, <div><section> e etc.

inclusive você pode chamar o CSS e um novo código jQuery ali dentro caso precise. 

 

O lance, é procurar material e estudar! o jQuery é bem fácil de aprender :thumbsup:

  • Curtir 1

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





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações 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

×