An Enhanced Ajax Approach to Active Client Pages - The innerHTML Property (
Page 3 of 5 )
Now that you are producing the content at the client, it might interest you to be able to change the content of HTML elements. You probably already knew that you could change the table cell content with the innerHTML property. Many browsers today allow you to change the content of almost any HTML element.
Consider the following code:
<html>
<head>
<script type="text/javascript">
function changeContent()
{
document.getElementById('S1').innerHTML = "two";
document.getElementById('D1').innerHTML = "second";
}
</script>
</head>
<body>
<span id="S1">one</span>
<div id="D1">First</div>
<button type="button" onclick="changeContent()">Click</button>
</body>
</html>
When you click the button, the contents of the SPAN and DIV elements will be changed by the function in the script. This is just to show you that, as your web pages or forms would be produced at the client, you may have to change the contents of HTML elements. This feature is not imperative for ACP. It comes as a complement. You can try the above code.
Images
Ajax is used to obtain a string from the server or an XML document without the user being conscious of the process. So in ACP, Ajax cannot help us to obtain images in advance. However I discovered that the HTML OBJECT element could download images in advance. This is a subject for a different article; however see the introduction I give on the next page.
/ 7 
