<!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" lang="en">
<head>
<title>Dynamic Page Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<script type="text/javascript">
<!--
function addText()
{
var theString,theElement,insertSpot;
/* create the string */
var theString = document.createTextNode(document.testform.newtext.value);
/* create the br element */
theElement = document.createElement("br");
/* find the div tag and add the string and br */
insertSpot = document.getElementById("div1");
insertSpot.appendChild(theString);
insertSpot.appendChild(theElement);
}
//-->
</script>

</head>
<body>

<div id="div1">This is some text.</div>
<hr />

<form action="#" name="testform" id="testform">
New text: <input type="text" name="newtext" id="newtext" />
<input type="button" value="Add" onclick="addText()" />
</form>

</body>
</html>


CLOSE WINDOW | VIEW RENDERED PAGE