[問題] BBcode 按鈕如何改為圖像按鈕？

[LeoCat]

請問如何把 BBcode 按鈕改為圖像鈕如？
嘗試修改 posting_body.tpl

代碼: 選擇全部

<input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" onMouseOver="helpline('b')" />...

換成這樣。但改為圖像後便沒有按下去的較果...

代碼: 選擇全部

<img src='templates\subSilver\images\folder_lock_new.gif' onClick="bbstyle(0)" onMouseOver="helpline('b')" />...

希望能做到如下的圖像按鈕。

[吉川拓也]

建議你可以搜尋一下 BBcode Box 應該是你要的效果

[LeoCat]

建議你可以搜尋一下 BBcode Box 應該是你要的效果

嗯... 但網站內已安裝了很多 BBcode，改用 BBcode Box 有困難。

[~倉木麻衣~]

因為你少了「name="addbbcode0"」

[LeoCat]

因為你少了「name="addbbcode0"」

沒有了也可運作。

我的問題是，換成了圖像後點擊時並沒有被按的特效。
未改時才有

[~倉木麻衣~]

因為你少了「name="addbbcode0"」

沒有了也可運作。

我的問題是，換成了圖像後點擊時並沒有被按的特效。
未改時才有

先說聲抱歉, 沒看清楚你的意思

name="addbbcode0" 這個不加是可以運作, 只是會出現javascript錯誤

接著進到主題
如果你是要有按下按鈕後的效果, 那個人會建議你用類似mouse hover變換圖案的方式去思考

底下是很粗略的測試(僅對 b 及 i 這二個bbcode 按鈕做測試)
基本上是可以運作, 但還沒有徹底的除錯過, 像關閉標籤的連結就沒有去處理

首先開啟posting_body.tpl
#
#--------[ FIND ]----------------
#

代碼: 選擇全部

bbtags = new Array

#
#--------[ AFTER, ADD]----------------
#

代碼: 選擇全部

bbcodeimg = new Array('templates/subSilver/images/folder_lock_new.gif','templates/subSilver/images/folder_lock.gif', 'templates/subSilver/images/folder_new.gif', 'templates/subSilver/images/folder.gif');

#
#--------[ FIND ]----------------
#

代碼: 選擇全部

function bbstyle(bbnumber)

#
#--------[ REPLACE WITH ]----------------
#

代碼: 選擇全部

function bbstyle(bbnumber, codeimg)

#
#--------[ FIND ]----------------
#

代碼: 選擇全部

			txtarea.focus();
			return;
	} else { // Open tags

#
#--------[ BEFORE, ADD ]----------------
#

代碼: 選擇全部

			codeimg.src = bbcodeimg[bbnumber];

#
#--------[ FIND ]----------------
#

代碼: 選擇全部

		eval('document.post.addbbcode'+bbnumber+'.value += "*"');
		txtarea.focus();

#
#--------[ AFTER, ADD ]----------------
#

代碼: 選擇全部

		codeimg.src = bbcodeimg[bbnumber+1];

#
#--------[ FIND ]----------------
#

代碼: 選擇全部

			  <input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" onMouseOver="helpline('b')" />

#
#--------[ REPLACE WITH ]----------------
#

代碼: 選擇全部

			  <img src="templates/subSilver/images/folder_lock_new.gif" name="addbbcode0" onClick="bbstyle(0, this)" onMouseOver="helpline('b')" />

#
#--------[ FIND ]----------------
#

代碼: 選擇全部

			  <input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(2)" onMouseOver="helpline('i')" />

#
#--------[ REPLACE WITH ]----------------
#

代碼: 選擇全部

			  <img src="templates/subSilver/images/folder_new.gif" name="addbbcode2" onClick="bbstyle(2, this)" onMouseOver="helpline('i')" />

#
#--------[ SAVE/CLOSE FILE]----------------
#
# EoM

先測看看吧, 如果是你可以接受的方式, 再動手去修改一番吧

[LeoCat]

謝謝 倉木麻衣，要慢慢研究去。