help with content loading

[tushar707]

Hello,

I have made a website at my-prana.com/test which has a menu on the left.  When someone clicks on a link, I want only content to load on the right.  I dont want the whole page to load again.  the content will be on php pages, which will be called by the link to load when it is clicked.  I posted this on the javascript topic, but they told me to come here.  I have never used ajax, so please let me know what I need to do to make this possible.  Here is  the code for my menu.php:

<dl id="menu">

	<dt onclick="javascript:montre('smenu1');"><a href="index.php">Home</a></dt>

	<dt onclick="javascript:montre('smenu2');"><a href="#">Our Programs</a></dt>
		<dd id="smenu2">
			<ul>
				<li><a href="#">Sous-Menu 2.1</a></li>
				<li><a href="#">Sous-Menu 2.2</a></li>

				<li><a href="#">Sous-Menu 2.3</a></li>
			</ul>
		</dd>	

	<dt onclick="javascript:montre('smenu3');"><a href="#">Resources</a></dt>
		<dd id="smenu3">
			<ul>
				<li><a href="#">Newsletters</a></li>
				<li><a href="#">My Articles </a></li>

				<li><a href="#">Useful Links </a></li>
			</ul>
		</dd>

	<dt onclick="javascript:montre('smenu4');"><a href="#">Upcoming Events</a></dt>
		<dd id="smenu4">
			<ul>
				<li><a href="#">Sous-Menu 4.1</a></li>
				<li><a href="#">Sous-Menu 4.2</a></li>
		    </ul>
		</dd>
<dt onclick="javascript:montre('smenu5');"><a href="#">Testimonials</a></dt>
  <dt onclick="javascript:montre('smenu6);"><a href="#">About Me</a></dt>
		<dt onclick="javascript:montre('smenu7');"><a href="#">Contact Us</a></dt>


</dl>