vorige/volgende & reload buttons

Status
Niet open voor verdere reacties.

josp16

Gebruiker
Lid geworden
14 jul 2014
Berichten
20
Hoi,

Ik heb een pagina waar ik mijn content in een div laadt. Dit ziet er als volgt uit:

Code:
<body>

<div id="wrapper" align="center">
    <div id="header">
  	
    </div>
    <nav>
      <ul class="clearfix" id="nav">
          <li><a href="content/page1.php">page1</a></li>
          <li><a href="content/page2.php">page2</a>
          <li><a href="content/page3.php">page3</a></li>
          <li><a href="content/page4.php">page3</a></li>
       </ul>
     </nav>

       
     <div id="content"></div>

     <div id="footer"></div>
     
     </div>


<script>
  <$(document).ready(function() {
	//intitial
	$('#content').load('content/page1.php');
	
	// menu click
	$('ul#nav li a').click(function() {
		var page = $(this).attr('href');
		$('#content').load(page);
		return false;
	});
	
})
</script>

</body>

Als ik met de browser buttons terug wil gaan naar de vorige content, dan gaat hij terug naar de vorige pagina die ik bezocht heb. Hoe kan ik ervoor zorgen dat hij naar de vorige ingeladen pagina gaat?
 
Dat kan de back-button niet. Je zult deze eventueel in een JS-variabele bij moeten houden, zodat je weet wat de vorige pagina was, en deze koppelen aan een aparte knop.
 
Hoe kan ik dan het beste een menu maken dat het wel werkt?
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan