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>

Answer : Add content to a DIV area using AJAX

Random Solutions  
 
programming4us programming4us