2011-10-13 65 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

相關問題