2011-10-13 67 views
-1

我有以下代码..不工作的JavaScript在任何浏览器除了IE以外

<html xmlns="http://www.w3.org/1999/xhtml" > 
    <head runat="server"> 
    <title>Automatic Resize TextBox</title> 
    <script type="text/javascript"> 
    function setHeight(txtdesc) { 
    txtdesc.style.height = txtdesc.scrollHeight + "px"; 
    } 
    </script> 
    </head> 
    <body> 
    <form id="form1" runat="server"> 
    <div> 
    <asp:TextBox ID="txtDesc" runat= "server" TextMode="MultiLine" Onkeyup="setHeight(this);" onkeydown="setHeight(this);" /> 
    </div> 
    </form> 
    </body> 
    </html> 

这是调整大小一个javascript文本框,而在文本box.means的写作文本,将填补完全然后它会自动扩大但如果我们删除文本框,然后在文本框将被折叠...它工作正常在IE浏览器而不是在其他浏览器plz帮助我....

+0

我的意思是2说,如果我们要从文本框,然后它会自动matically塌了文本 – user993634

+1

如果你有一个客户端问题,则表明客户端代码,而不是服务器端的代码,将生成客户端代码,当你执行它。 – Quentin

+0

我不是能得到你可以üPLZ给我简短的话这个......... – user993634

回答

0

http://jsfiddle.net/eT6tR/

我发现这个工作在Chrome和FF 。如果你仍然面临问题。在这里写详细信息并粘贴客户端代码表示HTML + JS。

+0

本来应该评论。 – Jamiec

+0

雅我刚才粘贴上面看到........ – user993634

0

你面临的问题是,在IE中scrollHeight属性是基于文本区域的内容之外计算,在其他浏览器是基于可用的内容空间。这意味着设置CSS高度会增加scrollHeight并防止它缩小。

这个问题已经提出了许多次,它看起来像最好的答案的人都拿出了为执行计算有多少行将基于文本内容的复杂任务。 See this SO question和许多其他人通过搜索。

Here is an example you can look at using jQuery

相关问题