1 頁 (共 1 頁)

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

發表於 : 2005-11-03 07:45
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')" />...
換成這樣。但改為圖像後便沒有按下去的較果... :cry:

代碼: 選擇全部

<img src='templates\subSilver\images\folder_lock_new.gif' onClick="bbstyle(0)" onMouseOver="helpline('b')" />...
希望能做到如下的圖像按鈕。
圖檔

發表於 : 2005-11-03 10:53
吉川拓也
建議你可以搜尋一下 BBcode Box 應該是你要的效果 ;-)

發表於 : 2005-11-03 14:47
LeoCat
吉川拓也 寫:建議你可以搜尋一下 BBcode Box 應該是你要的效果 ;-)
嗯... 但網站內已安裝了很多 BBcode,改用 BBcode Box 有困難。 :cry:

發表於 : 2005-11-03 15:48
~倉木麻衣~
因為你少了「name="addbbcode0"」

發表於 : 2005-11-03 17:29
LeoCat
~倉木麻衣~ 寫:因為你少了「name="addbbcode0"」
沒有了也可運作。

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

發表於 : 2005-11-03 20:36
~倉木麻衣~
LeoCat 寫:
~倉木麻衣~ 寫:因為你少了「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

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

發表於 : 2005-11-05 07:18
LeoCat
謝謝 倉木麻衣,要慢慢研究去。 :lol: