最近在做一个社区网站,想做类似微博中回复的效果;
功能如下:点击回复按钮,下面出来一个回复的input文本框的层,再点击回复按钮或点页面别的地方,文本框的层隐藏。点击回复按钮我自己会做,可是点页面别的地方是如何实现的呢,,请教!!! 

解决方案 »

  1.   

    一个非常简单的回答:
    <a href="javascript:document.getElementById('test').style.display='run-in';">回复</a>
    <form name="test" id="test" action="./" style="display:none;">
    <textarea name="reply" id="reply" onblur="javascript:document.getElementById('test').style.display='none';"></textarea>
    <input type="submit" value="Submit" />
    </form>
      

  2.   

    再改进一下,点击回复后让文本控件获得焦点:
    <a href="javascript:document.getElementById('test').style.display='run-in';document.getElementById('reply').focus();">回复</a>
    <form name="test" id="test" action="./" style="display:none;">
    <textarea name="reply" id="reply" onblur="javascript:document.getElementById('test').style.display='none';"></textarea>
    <input type="submit" value="Submit" />
    </form>
      

  3.   

    getElementById('test').style.display='run-in';这句是啥意思啊,楼上的