Javascript change div content

Question

My site has a one <div> for the header, one for navigation-panel and one for the content.

For the navigation-links i use

<p class="blue"><label onclick="goFor('test')"> -> TEST! <- </label> </p>

and my JS:

function goFor(destination) 
{ 
 document.getElementById("content").load(destination+'.php'); 
}

in this case, the content-div should change to the file "test.php".

but Firebug says: document.getElementById(...).load is not a function

what am i doing wrong?

• Lee Taylor: load is a jQuery function. I've not seen a native load function before (I could be wrong)
• Eugen Halca: load function is a jQuery one, check out here
• HKK: oh...is there a not jQuery function to do this?

Answer 1

Use $("#content").load(something) instead of document.getElementById.

Or... make an ajax request and load answer in that div.

For an ajax request with no lib, you can check my script here (first answer): Insert external page html into a page html. Note the success handle as you want it... with document.getElementById.

• Lex Podgorny: .load kind of suggests jQuery
• zozo: I don't think op wants jquery... my guess is he actually wants the ajax request.
• HKK: i dont want to use Ajax or Jquery. Isnt there a normal way? So i have to reload the whole page?
• zozo: If your file is .php, and you want it parsed... you have 2 choices: ajax or reload. If your file is something else... depends. Also... why you don't want ajax? You do know that a reload makes the same request you would do by ajax.
• HKK: So i think i should do the reload, whick takes the speed-brake and load to the user-site, not the server.