Javascript/jQuery - Pagina laden in div

Hoi One2xs,

Voor een nieuw projectje wil ik het volgende: ik heb een menu, en daarin heb ik links als dit:

<a onclick="laadpagina(uitloggen);"> Uitloggen</a>

. Ik heb dan ook nog een div genaamd pagina. Ik wil dat, als je dus op zon link klikt, de pagina dmv. AJAX oid. word geladen in die div.

Mvg,
Sebastiaan

http://api.jquery.com/jQuery.ajax/
Lijkt mij niet zo moeilijk?

Misschien kun je dan beter de .load() functie gebruiken van jQuery?

voorbeeld: $(#pagina).load(uitloggen.php #pagina);

Dan pakt hij de div pagina uit uitloggen.php en zet dat in de div pagina van de huidige pagina.

Ik heb nu dit:

<div id="menu">
        <h1>Navigatie</h1>
        <a onclick="laadpagina(test);"> Uitloggen</a>
    </div>
    
    <div id="pagina"></div>
    
    <script type="text/javascript">
    function laadpagina(pagina){
        $.ajax({
          url: "/"+pagina+".php",
          cache: false
        }).done(function( html ) {
          $("#pagina").append(html);
        });
    });
    </script>

Maar dat werkt niet. Ik ben trouwens niet met jQuery enzo. ;p

toevoeging op 25 april 2012, 19:09:29:
http://pastebin.com/3bfrGn9F is de hele pagina

function laadpagina(pagina) {
$.get(/+pagina+.php, function(data) {
$(#pagina).html(data);
});
}

Bedankt.

Je kan ook heel eenvoudig iets maken als Goldenhabbos. Met laadmelding, en scrollen. Lijkt moeilijk maar is niet.

[knip]