就是將使用者在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>
|