call a page using javascript

I want to give a URL( http://prithvitheatre.org/home.php) which when clicked on the top menu items (like about us, what's on) loads a different page in the same URL as above. e.g. clicking on the what's on button loads the whats_on.php page but on the /home.php URL. How to do this?

 

Read about ajax http://www.w3schools.com/ajax/ajax_intro.asp it's pretty easy

 

they are not using ajax to do this. plz refer to the URL.

 

this was done by php programming and not javascript...

while on page, they call on to submit a form

function call_page(page) {	
	document.forms[0].page_name.value=page ;
	document.forms[0].submit() ;
}

Code (markup):

which essentially triggers the submit of this form

<form action="home.php" method=post name=frm_page>
	<INPUT TYPE="hidden" NAME="page_name" value=''>
</form>

HTML:

if the method would have been get, you would have seen the url something like this
http :// prithvitheatre.org / home.php ? page_name=whats_on.php

if you look at the http://prithvitheatre.org/whats_on.php, you will find that it actually has some content for the page (though the url that shows up is still home.php).

hope, you get the idea...

personally, I would have preferred ajax...

 

Thanks.. got it