MozTW 討論區
https://forum.moztw.org/

JavaScript 即時統計字數功能 在IE上能work但在FF不能
https://forum.moztw.org/viewtopic.php?f=13&t=19724		 第 1 頁 (共 1 頁)
發表人:  suancheng [ 2007-07-17, 02:25 ]
文章主題 :  JavaScript 即時統計字數功能 在IE上能work但在FF不能
就是將使用者在text area打的文章做即時字數的統計
在IE上就可以顯示出字數 不過在Firefox這個JS的功能沒辦法正常work

以下是這個網頁相關部份的code
請教一下各位是因為Javascipt這方面的功能在Firefox沒有支援
還是程式寫的有問題 >___<

Javascript的部份，不曉得是否document的物件不被FF支援?
因為我在「Error Console」看到"form2 is not defined"的訊息

<script language="javascript" src="wordcnt.js"></script>
<script language="javascript">
function totalWordCount(txtArea){

wordcnt1 = CountWords(form2.headline, false, false);
wordcnt2 = CountWords(form2.bodyText, false, false);
wordcnt3 = CountWords(form2.contactInfo, false, false);

totalwords = parseInt(wordcnt1) + parseInt(wordcnt2) + parseInt(wordcnt3);

document.form2.wordCount.value = totalwords;

}
</script>


抓字的部份

<form id="form2" name="form2" method="post" action="step3.asp" onSubmit="return validate_form2(this)">

中間有一些部分我覺得不是重點的地方省略
...

<td width="248" bgcolor="#efefef" style="padding-left:5px;"><textarea name="headline" cols="30" rows="5" id="headline" onkeyup="totalWordCount();" onchange="totalWordCount();" onmouseout="totalWordCount();" onKeyPress="limitText(this,100);" onBlur="limitText(this,100);"></textarea></td>

<td align="left" valign="top" bgcolor="#efefef" style="padding-left:5px;"><textarea name="contactInfo" cols="30" rows="5" id="contactInfo" onkeyup="totalWordCount();" onchange="totalWordCount();" onmouseout="totalWordCount();" onKeyPress="limitText(this,100);" onBlur="limitText(this,100);"></textarea></td>

<td align="left" valign="top" bgcolor="#efefef" style="padding-left:5px;"><textarea name="bodyText" cols="30" rows="5" id="bodyText" onkeyup="totalWordCount();" onchange="totalWordCount();" onmouseout="totalWordCount();"></textarea> </td>



即時顯示字數的部份

<td align="left" valign="top" bgcolor="#efefef" style="padding-left:5px;">Word Count:</td>
<td align="left" valign="top" bgcolor="#efefef" style="padding-left:5px;"><input type="text" name="wordCount" size=15 id="wordCount" value="" style="background: #cccccc;" readonly></td>
發表人:  BobChao [ 2007-07-17, 05:46 ]
文章主題 : 
物件叫用方式錯了，你可能得參考一些「比較完整」 (and not IE only) 的文件。
表單的叫用方法是： document.forms['formName']
所以 script 最前面應該多一行
form2 = document.forms['form2']
這樣才有用

(只有 windows 物件可省略不寫，其他都要寫）

你要寫的功能可以參考 twitter.com，那邊有字數計算的東西。
發表人:  kourge [ 2007-07-17, 12:21 ]
文章主題 : 
由於 <form id="form2"
所以也可以 document.getElementById('form2')
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/