2012-01-11 119 views
0

正常工作,這裏是應該發生:代碼將無法在Firefox或IE

用戶選擇的選項的瞬間輸入字段的某種組合應該有兩個表一起出現。

當用戶填寫輸入字段並單擊按鈕時,結果應顯示在表中。

那些表沒有顯示出來。輸入字段甚至不會出現在js小提琴中。

它只適用於最新版本的Firefox,Chrome,Safari和IE。

不在Firefox 6.0或IE 9.08中。

我犯了一個錯誤,只能在家中使用Chrome進行編碼,發現我的代碼在我嘗試繼續在學校工作時無法使用。

我用jsfiddle.net來驗證我的代碼,併成功地做到了。雖然它仍然無法工作。它甚至不會在jsFiddle中正確顯示。

這裏是演示代碼的小提琴:

http://jsfiddle.net/Q2nz5/5/

+1

定義「不起作用」。 – ceejayoz 2012-01-11 15:48:56

+0

我編輯了我的問題以包含它。抱歉。 – 2012-01-11 15:51:07

+0

你在JS控制檯遇到錯誤嗎? jsfiddle中的 – ceejayoz 2012-01-11 15:55:33

回答

2

outputTable方法包含行Caption.align =「middle」,它不能在IE中執行,顯然也在FF中執行。將其替換爲Caption.style.textAlign =「middle」;它會解決這個問題。

與MCaption相同。

但是,你可以在這裏做的最好的是在css中定義所有樣式。

+0

我評論了所有這些風格,它似乎在IE,Safari和Chrome中工作,但不是Firefox。 發生同樣的問題。 – 2012-01-11 18:33:30

+0

如果您將在FF(Ctrl + Shift + J =)中查看錯誤控制檯,您將看到以下錯誤:未定義子項。那是因爲firefox找不到id =「child」的div。你應該使用var child = document.getElementById(「child」);在調用child.appendChild之前... – Konstantin 2012-01-11 19:34:01

+0

當我添加var child = document.getElementById(「child」);它會停止在我的所有瀏覽器中工作。最新的Firefox,IE,Safari和Chrome。 – 2012-01-11 20:42:21

0

在你的js撥弄你收到此錯誤:inputOutputCreator is not defined。這是因爲你正在加載你的js在mootools onLoad函數中。在jsfiddle設置中將其從onLoad更改爲no wrap。改變它對我來說工作得很好。

+0

不錯!這很酷。我不明白這些選項如何工作或他們做什麼。儘管我仍然在Firefox中遇到同樣的問題。 – 2012-01-11 18:35:31