Load af side i AJAX

Hej,

Jeg er igang med et lille projekt som kræver at jeg fra en hovedside A, kan loade en sekundær side B, i en <div> uden at reloade A.

Det script jeg har fundet på nettet ser sådan her ud:

CODE_BEGIN:

// here we define global variable
var ajaxdestination="";

function getdata(what,where) { // get data from source (what)
try {
  xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
          new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) { /* do nothing */ }

document.getElementById(where).innerHTML ="<center><img src='loading.gif'></center>";
// we are defining the destination DIV id, must be stored in global variable (ajaxdestination)
ajaxdestination=where;
xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV
xmlhttp.open("GET", what);
xmlhttp.send(null);
  return false;
}

function triggered() { // put data returned by requested URL to selected DIV
  if (xmlhttp.readyState == 4) if (xmlhttp.status == 200)
    document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;
}

:CODE_END



Mine links ser sådanher ud:

<a href="#" onclick="getdata('[Load dette]','[Put det her]');">



Det virker altsammen meget fint så længe linkene kun ligger på siden A.

Problemet er at jeg gerne vil have B til at indeholde links til andre sider der skal loades i samme <div> som B er loaded i og det virker ikke.


Er der nogen der kan se en let løsning, eller kender én med et andet AJAX script.

Jeg er absolut nybegynder og kender intet AJAX selv. Scriptet er copy-paste fra et eksempel jeg fandt på nettet.

Mvh Lauge