Upload page content without refresh on page

Navigation
0

Good afternoon / evening to all. Gentlemen, I have the following layout: (ex.png)

As you can see, I'm creating an administrative area for my system, where the top and the side bar (both in black) are fixed, and the whole white part of the page will be content. What I want is that by clicking on any (or almost all) option I would only change the content (white part) without having to create another page with the same top and side bars.

Thanks in advance for your help.

    
asked by anonymous 02.08.2016 / 22:41

1 answer

1

You can use ajax, or even AngularJS for this task.

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") );
})

See working: Fiddle

Take a look: link

    
02.08.2016 / 22:43
ERROR: CursorIndexOutOfBoundsException [closed] Google Maps does not open after the app is launched