MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-08-05, 08:05

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 3 篇文章 ] 
發表人 內容
文章發表於 : 2007-07-17, 02:25 
離線

註冊時間: 2005-05-25, 01:07
文章: 1
來自: United State
就是將使用者在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>


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-07-17, 05:46 
離線
[網站管理員]
頭像

註冊時間: 2002-01-07, 19:28
文章: 3080
來自: 台灣
物件叫用方式錯了,你可能得參考一些「比較完整」 (and not IE only) 的文件。
表單的叫用方法是: document.forms['formName']
所以 script 最前面應該多一行
form2 = document.forms['form2']
這樣才有用

(只有 windows 物件可省略不寫,其他都要寫)

你要寫的功能可以參考 twitter.com,那邊有字數計算的東西。

_________________
雜工 :: 柏強 / Bob Chao
發問討論請保持禮節,在志工社群裡沒有人有「義務」要為您做些什麼。

* MozTW 志工無限招募中,開放網路世界需要您的一臂之力


回頂端
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20061201 Firefox/2.0.0.4 (Ubuntu-feisty)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2007-07-17, 12:21 
離線
[網站管理員]
頭像

註冊時間: 2004-09-27, 09:24
文章: 1685
由於 <form id="form2"
所以也可以 document.getElementById('form2')

_________________
korp + korp 中文站(沒精神更新)


回頂端
Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 3 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 2 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
cron
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群