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

(已解决):FireFox表格背景图片手动更换(.background)的实现
https://forum.moztw.org/viewtopic.php?f=13&t=15445		 第 1 頁 (共 1 頁)
發表人:  sheen [ 2006-09-01, 13:14 ]
文章主題 :  (已解决):FireFox表格背景图片手动更换(.background)的实现
在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>


谢谢各位指教.
發表人:  風痕影 [ 2006-09-01, 23:26 ]
文章主題 : 
請將 picbg.background
改成 document.getElementById("picbg").background 喔 ^^
這樣才是標準的寫法
發表人:  sheen [ 2006-09-01, 23:56 ]
文章主題 : 
謝謝你的回復!

已將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>
發表人:  風痕影 [ 2006-09-02, 13:29 ]
文章主題 : 
我發現一件奇怪的事兒
你的 <table> 有兩個 ID 耶 ＠＠"
拿掉後面那一個試試看吧 ^^
發表人:  sheen [ 2006-09-02, 15:38 ]
文章主題 : 
真是好糗,ID="table1"都忘記去掉.
去掉之後,還是繼續沒反應.
發表人:  風痕影 [ 2006-09-02, 19:29 ]
文章主題 : 
唉呀，真的是這樣耶 ＠＠"
奇怪的是連錯誤訊息都沒有 囧
要不然改用 CSS 來設背景圖好了 ^^

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

這樣一來，就變成是用 CSS 來設背景圖
我測試的結果，這樣是可以運作的 ^^
發表人:  sheen [ 2006-09-02, 21:17 ]
文章主題 : 
勞駕您 帖出你測試的代碼吧.
我改了改,還是沒改對. :roll:
哎,css沒學好.
謝謝了.
發表人:  Amauds [ 2006-09-02, 21:46 ]
文章主題 : 
風痕影 寫:
唉呀，真的是這樣耶 ＠＠"
奇怪的是連錯誤訊息都沒有 囧
要不然改用 CSS 來設背景圖好了 ^^

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

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

錯誤訊息是如何我不清楚，
不過上方的語法在 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 [ 2006-09-02, 21:49 ]
文章主題 : 
sheen 寫:
勞駕您 帖出你測試的代碼吧.
我改了改,還是沒改對. :roll:
哎,css沒學好.
謝謝了.

代碼:
onclick="document.getElementById('picbg').style.backgroundImage='url(http://forum.moztw.org/templates/LiteVision/images/folder_big.gif)';"
發表人:  sheen [ 2006-09-02, 23:31 ]
文章主題 : 
真是要暈倒了

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


謝謝2位了!

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


:lol:
發表人:  不惑仔Boohover [ 2006-09-03, 11:58 ]
文章主題 : 
Amauds 寫:
<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>
[/code]
上述程式碼在 IE 上執行時，可發現 table 擁有 bgColor 及 background 兩個屬性可用，
而 FX 上執行時，table 只擁有 bgColor 屬性可用，
而為何沒錯誤息出現，老實說我不知道。


這算是bug嗎？ :shock:
發表人:  Amauds [ 2006-09-03, 16:10 ]
文章主題 : 
不惑仔Boohover 寫:
這算是bug嗎？ :shock:

我不太在意，反正只要習慣使用 style 的方式就好了。
發表人:  不惑仔Boohover [ 2006-09-03, 17:33 ]
文章主題 : 
Amauds 寫:
不惑仔Boohover 寫:
這算是bug嗎？ :shock:

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


也是，應儘量使用style。
發表人:  風痕影 [ 2006-10-14, 04:41 ]
文章主題 : 
唉呀，我剛才翻到這篇才想起來...
其實標準裡的 table，根本就沒有 background 屬性嘛 XD
所以應該本來就只能用 style 的方法

可是為什麼沒出現錯誤訊息，還是覺得想不通 ＠＠"
發表人:  不惑仔Boohover [ 2006-10-19, 18:41 ]
文章主題 : 
風痕影 寫:
唉呀，我剛才翻到這篇才想起來...
其實標準裡的 table，根本就沒有 background 屬性嘛 XD
所以應該本來就只能用 style 的方法

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


對耶對耶，大家都在用這個屬性，所以都沒注意到，原來是microsoft extension的屬性。
defined by w3c dom level1
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/