QQ留言功能该如何实现！

在我们QQ空间中的留言功能我想大家应该都看过吧！
现在我也做一个类似的留言功能，但是做的时候遇到了一些问题！
大家可以想象一下QQ留言的版块来理解我说的问题。。
首先，点击留言框之后留言框变大，留言框上面出现选择表情，我的好友等功能
下面出现确定和取消2个按钮，然后如果我的鼠标点击别处，此时留言框又回到原来的状态。我写的代码
<div id="message">
<textarea id="input'+ data["messageID"] +'"  class="TabbedPanelsContent" value="回复…"  onBlur="inputBlur(this)" onfocus="inputFocus(this)" />
<div id="button">
<input type="button" value="确定" width="20px"  />&nbsp;&nbsp;<input type="button" value="取消" width="20px" />
</div>
</div>inputBlur(this)是实现然留言框回到原来的状态
inputFocus(this)是实现出现确定和取消按钮 然后留言框变大但是完成时候发现我根本点击不了按钮，当以失去焦点的时候按钮那个div就隐藏了，在QQ留言那里只要是点击div里面的内容都不会变化，请教高手如何实现，给个思路。谢谢

解决方案 »

  1.   

    为什么不转变下思路呢？最外层的div加个点击后隐藏留言框的事件，留言框div加个点击后放大并显示相关页面元素的事件，我想这样实现起来应该没问题吧
      

  2.   


    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function huge(obj){
    obj.rows='10'
    obj.cols='10'
    }
    function small(obj){
    obj.rows='1'
    obj.cols='5'
    }
      //-->
      </SCRIPT>
     </HEAD> <BODY><TEXTAREA NAME="" ROWS="1" COLS="5" onblur="small(this)" onfocus="huge(this)"></TEXTAREA> </BODY>
    </HTML>