信息的即时交互

建立2个框架，左边输入信息时，右边即时显示。
1。<html>
<head>
<title>框架之间的交互</title>
</head>
<center>输入你的信息：</center><br>
<center>
<TEXTAREA id=txtLeftFrame style="WIDTH: 100%; HEIGHT: 200px"  cols=50>
</TEXTAREA >
</center>
</html>
2.
<html>
<head>
<title>框架之间的交互</title>
</head>
<center>显示你的信息：</center><br>
<center>
<TEXTAREA id=txtframeright style="WIDTH: 100%; HEIGHT: 200px" cols=50></TEXTAREA >
<script language="javascript">
//在这里完成，主要对1文本域的监视
</script></center>
</html>
搞了好长时间也弄不好，小弟才学，对Java不是很熟悉

解决方案 »

  1.   

    这里不需要会java呀，这是JavaScript 问题
      

  2.   

    是JAVASCRIPT呀，关键是我JAVA才开始学，一些库函数都不了解
      

  3.   

    <html>
    <head>
    <title>框架之间的交互</title>
    </head>
    <center>输入你的信息：</center><br/>
    <center>
    <TEXTAREA id=txtLeftFrame style="WIDTH: 100%; HEIGHT: 200px" cols=50 onkeydown="show(this.value)">
    </TEXTAREA >
    <div id="showInfo">
    </div>
    <script>
    function $(id)
    {
    return document.getElementById(id);
    }function show(putIn)
    {
    var showInfo = $('showInfo');
    showInfo.innerHTML = putIn;
    }
    </script>
    </center>
    </html>
      

  4.   

    我要把它显示到右边的框架文本域中，1是左边，2是右边的建立框架代码：
    <html>
    <head>
    <title>框架之间的交互</title>
    </head>
    <frameset cols=50%,*>
    <frame src="1.html">
    <frame src="2.html">
    </frameset></html>