MozTW 討論區 • 檢視主題 - (已解决):FireFox表格背景图片手动更换(.background)的实现

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

(已解决):FireFox表格背景图片手动更换(.background)的实现

第 1 頁 (共 1 頁)

[ 15 篇文章 ]

列印模式	上一個主題 \| 下一個主題

發表人

內容

sheen

文章主題 : (已解决):FireFox表格背景图片手动更换(.background)的实现

發表於 : 2006-09-01, 13:14

註冊時間: 2004-12-25, 06:07
文章: 13

在IE下可实现下面通过点击链接来更换表格的背景图片,而FireFox没有响应.
请问FireFox下,可用什么方法来实现?
(由于是用于BBS,已禁止明显的Javascript语句出现.)

代碼:

<table id=picbg border="1" width="378" id="table1" height="142" background="http://forum.moztw.org/images/moztw_logo.jpg">
   <tr>
      <td>　</td>
   </tr>
</table>
<a href="#"  onclick="picbg.background='http://forum.moztw.org/templates/LiteVision/images/folder_big.gif';">pic01</a>&nbsp;&nbsp;&nbsp;    <a href="#" onclick="picbg.background='http://forum.moztw.org/images/moztw_logo.jpg';">pic02</a>

谢谢各位指教.

最後由 sheen 於 2006-09-02, 23:51 編輯，總共編輯了 1 次。

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; POTU(RR:26060619:0); Maxthon; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

風痕影

文章主題 :

發表於 : 2006-09-01, 23:26

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

請將 picbg.background
改成 document.getElementById("picbg").background 喔 ^^
這樣才是標準的寫法

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

sheen

文章主題 :

發表於 : 2006-09-01, 23:56

註冊時間: 2004-12-25, 06:07
文章: 13

謝謝你的回復!

已將picbg.background改爲document.getElementById('picbg').background
IE有用,FF及Opera任然沒有反應.不知道該怎么解決.

代碼:

<table id=picbg border="1" width="378" id="table1" height="142" background="http://forum.moztw.org/images/moztw_logo.jpg">
   <tr>
      <td>　</td>
   </tr>
</table>
<a href="#"  onclick="document.getElementById('picbg').background='http://forum.moztw.org/templates/LiteVision/images/folder_big.gif';">pic01</a>&nbsp;&nbsp;&nbsp;    
<a href="#" onclick="document.getElementById('picbg').background='http://forum.moztw.org/images/moztw_logo.jpg';">pic02</a>

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; POTU(RR:26060619:0); Maxthon; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

風痕影

文章主題 :

發表於 : 2006-09-02, 13:29

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

我發現一件奇怪的事兒
你的 <table> 有兩個 ID 耶＠＠"
拿掉後面那一個試試看吧 ^^

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

sheen

文章主題 :

發表於 : 2006-09-02, 15:38

註冊時間: 2004-12-25, 06:07
文章: 13

真是好糗,ID="table1"都忘記去掉.
去掉之後,還是繼續沒反應.

回頂端

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

風痕影

文章主題 :

發表於 : 2006-09-02, 19:29

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

唉呀，真的是這樣耶＠＠"
奇怪的是連錯誤訊息都沒有囧
要不然改用 CSS 來設背景圖好了 ^^

把 background 改成 style.backgroundImage
然後把 圖片位址 改成 url(圖片位址)

這樣一來，就變成是用 CSS 來設背景圖
我測試的結果，這樣是可以運作的 ^^

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

sheen

文章主題 :

發表於 : 2006-09-02, 21:17

註冊時間: 2004-12-25, 06:07
文章: 13

勞駕您帖出你測試的代碼吧.
我改了改,還是沒改對. :roll:

哎,css沒學好.
謝謝了.

回頂端

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

Amauds

文章主題 :

發表於 : 2006-09-02, 21:46

註冊時間: 2005-02-24, 19:15
文章: 1037
來自: Taiwan

風痕影寫:

錯誤訊息是如何我不清楚，
不過上方的語法在 fx 上沒有出現效果很正常，

代碼:

<script type="text/javascript">
function listMember(obj) {
  var s="";
  for(key in obj) s+=key+" : "+ obj[key] + "<br />";
  return s;
}
document.writeln(listMember(document.getElementById('picbg')));
</script>

上述程式碼在 IE 上執行時，可發現 table 擁有 bgColor 及 background 兩個屬性可用，
而 FX 上執行時，table 只擁有 bgColor 屬性可用，
而為何沒錯誤息出現，老實說我不知道。

_________________
Amauds's Firefox
曾經妳以為最可靠的依賴；其實從未曾真實的存在過。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Amauds

文章主題 :

發表於 : 2006-09-02, 21:49

註冊時間: 2005-02-24, 19:15
文章: 1037
來自: Taiwan

sheen 寫:

勞駕您帖出你測試的代碼吧.
我改了改,還是沒改對. :roll:

哎,css沒學好.
謝謝了.

代碼:

onclick="document.getElementById('picbg').style.backgroundImage='url(http://forum.moztw.org/templates/LiteVision/images/folder_big.gif)';"

_________________
Amauds's Firefox
曾經妳以為最可靠的依賴；其實從未曾真實的存在過。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

sheen

文章主題 :

發表於 : 2006-09-02, 23:31

註冊時間: 2004-12-25, 06:07
文章: 13

真是要暈倒了

代碼:

我之前把
='url(http://
改成了
=url('http://

謝謝2位了!

http://bbs.ent.163.com/board/postlist.jsp?b=linyilian

:lol:

回頂端

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

不惑仔Boohover

文章主題 :

發表於 : 2006-09-03, 11:58

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

Amauds 寫:

這算是bug嗎？

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Amauds

文章主題 :

發表於 : 2006-09-03, 16:10

註冊時間: 2005-02-24, 19:15
文章: 1037
來自: Taiwan

不惑仔Boohover 寫:

這算是bug嗎？

我不太在意，反正只要習慣使用 style 的方式就好了。

_________________
Amauds's Firefox
曾經妳以為最可靠的依賴；其實從未曾真實的存在過。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

不惑仔Boohover

文章主題 :

發表於 : 2006-09-03, 17:33

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

Amauds 寫:

不惑仔Boohover 寫:

這算是bug嗎？

我不太在意，反正只要習慣使用 style 的方式就好了。

也是，應儘量使用style。

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

風痕影

文章主題 :

發表於 : 2006-10-14, 04:41

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

唉呀，我剛才翻到這篇才想起來...
其實標準裡的 table，根本就沒有 background 屬性嘛 XD
所以應該本來就只能用 style 的方法

可是為什麼沒出現錯誤訊息，還是覺得想不通＠＠"

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

不惑仔Boohover

文章主題 :

發表於 : 2006-10-19, 18:41

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

風痕影寫:

對耶對耶，大家都在用這個屬性，所以都沒注意到，原來是microsoft extension的屬性。
defined by w3c dom level1

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7

第 1 頁 (共 1 頁)

[ 15 篇文章 ]

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

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

誰在線上

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

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

前往 :