0

Boa tarde/noite a todos. Senhores, possuo o seguinte layout: (ex.png)

ex.png

Como podem ver, estou criando uma área administrativa para meu sistema, onde a barra superior e a lateral( ambas em preto) são fixas, e toda a parte branca da pagina será de conteúdo. O que eu quero é, que ao clicar em qualquer opção(ou quase todas) que alterasse apenas o conteúdo (parte branca) sem eu ter que criar uma outra página com as mesmas barras superior e lateral.

Desde já agradeço a ajuda de todos.

0

1 Resposta 1

1

Você pode usar ajax, ou até mesmo AngularJS para essa tarefa.

HTML:

<ul id="menu">
  <li data-target="home.html">Home</li>
  <li data-target="cadastro.html">Cadastro</li>
  <li data-target="listar.html">Listar</li>
</ul>
<div id="conteudo"></div>

JS:

$('#menu li').click(function(){
$('#conteudo').load( this.data("target") );
})

Veja em funcionamento: Fiddle

dê uma olhada: http://api.jquery.com/load/

3
  • No caso, vou criar uma div lá que vai receber o conteúdo e quando for carregar, seto a div que eu quero, entendi certo? Commented 2/08/2016 às 20:47
  • Sim, crie vários arquivos ( cada arquivo será o conteúdo a ser carregado ) e na chamada ( click do menu ) chame o arquivo com a div.
    – SoabTI
    Commented 2/08/2016 às 20:50
  • @MatheusRagoso , muito obrigado. Segui sua dica e aprimorei um pouco e resolvi. Muito obrigado! :) Commented 3/08/2016 às 0:57

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .