Hi,
i figured out it was ajax, but i would like to know if i can apply it in this case. Lets say i have 3 pages on my website, all of them have an iframe where the chat is embedded.
Code for page 1
<html>
<head>
<title>Page 1</title>
</head>
<body>
<h1>This is page 1</h1>
<div id="chat">
<iframe src="chat.php">
</div>
PAGE 1 CONTENT GOES HERE
<a href="page2.html">Go to page 2</a>
</body>
</html>
Code for page 2
<html>
<head>
<title>Page 2</title>
</head>
<body>
<h1>This is page 2</h1>
<div id="chat">
<iframe src="chat.php">
</div>
PAGE 2 CONTENT GOES HERE
<a href="page3.html">Go to page 2</a>
</body>
</html>
Code for page 3
<html>
<head>
<title>Page 3</title>
</head>
<body>
<h1>This is page 3</h1>
<div id="chat">
<iframe src="chat.php">
</div>
PAGE 3 CONTENT GOES HERE
<a href="page1.html">Go back to page 1</a>
</body>
</html>
So when you load page 1, the chat loads too, but if you click on "go to page 2" the chat div remains in place without reloading and only the rest of the page changes. Can i do that with ajax?
Thank you.