Question : Add content to a DIV area using AJAX

Hi and thanks for looking at my question.

I would like to change the content of my DIV area depending on what the user has clicked without refreshing the entire page.

Please see my example code that I have so far (not much I am afraid)

example.htm (679 bytes) (File Type Details)

Example File

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:

           
           
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Example Ajax</title>
</head>

<body>



<li><a href="Home.asp" title="Home">Home</a></li>
<li><a href="Content.asp" title="Content">Content</a></li>
<li><a href="About.asp" title="About">About</a></li>
			    

<br><br>
<br><br>


<div id="MyArea">
<!-- This is the area that should show the contents of what has been clicked i.e. Home.asp or Content.asp or About.asp -->
</div>

</body>

</html>

           
         

Question : Add content to a DIV area using AJAX

Answer : Add content to a DIV area using AJAX

ref. http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm