Jeg vil anbefale dig at hente og benytte dig af JQuery - et javascript library til blandt andet ajax-ting som denne. Det er rigtig smart
Kort sagt er det du er ude for, at du skal:
1 - have dine links til at sætte # foran sine destinationer. Så hvis du fx skal have fat i info-siden.php så skal linket hedde href="#infoside" - dette kaldes et anker, og sørger for at hele siden ikke opdaterer
2 - du skal have dine links til at loade siden ind i en div når de bliver klikket på. Dette skal du bruge ajax til.
3 - du skal gøre så hvis en bruger besøger et link med #infoside i, fra starten, så skal div'en jo også loades med indholdet fra starten, og ikke først når der bliver klikket
jeg har flikket en lille eksempelkode sammen her, der bruger JQuery:
<html>
<head>
<script type="text/javascript" src="sti_til_din_jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//når siden loades skal vi hente #-siden fra urlen, hvis den er der.
CurrentUrl = document.location.toString(); //vi tager det der står i browserens adressefelt som en string
var anchor = CurrentUrl.split('#'); //vi splitter urlen op efter #-tegnet så vi får den side vi skal bruge
if(anchor[1]){ $('#dinDiv').load(anchor[1] + '.php'); } //hvis der er angivet en side, så loader vi den, ellers gør vi ikke noget
//dette click event tildeles alle tags der har klassen .link
$('.link').click(function(){
var url = $(this).attr('href'); //vi tager urlen fra href-attributten på linket
url = url.split('#'); //nu splitter vi urlen op efter #-tegnet, så vi kan finde den fil vi skal bruge
url = url[1] + '.php' //og så tilføjer vi .php til urlen så vi får fat i en php-fil
$('#dinDiv').load(url); //og så loader vi indholdet af urlen ind i #din_div med jquery's ajax
});
});
</script>
</head>
<body>
<a href="#something" class="link">Link til en underside</a>
<a href="#something_else" class="link">Link til en anden underside</a>
<div id="dinDiv">
startindhold her, bliver erstattet med det du loader når du klikker på noget
</div>
</body>
</html>