<html>
<head>
</head>
<body>
<script language="javascript">
function synchronize()
{
var txt1 = document.getElementById("txt1");
var txt2 = document.getElementById("txt2");
if(txt1 != null && txt2 != null)
txt2.value = txt1.value;
}
</script>
<form id="form1" style="width:300px;height:400px">
<input id="txt1" style="width:300px;height:200px" onKeyUp="synchronize();"></textarea>
<br>
<input id="txt2" style="width:300px;height:200px"/></textarea>
</form>
</body>
</html>
<head>
</head>
<body>
<script language="javascript">
function synchronize()
{
var txt1 = document.getElementById("txt1");
var txt2 = document.getElementById("txt2");
if(txt1 != null && txt2 != null)
txt2.value = txt1.value;
}
</script>
<form id="form1" style="width:300px;height:400px">
<input id="txt1" style="width:300px;height:200px" onKeyUp="synchronize();"></textarea>
<br>
<input id="txt2" style="width:300px;height:200px"/></textarea>
</form>
</body>
</html>