津田の開発な日記

いったい何を開発しているのか? (RunRunDietOnline プロトタイプ build 0026)

jQuery.js な掲示板 (2) (2007/02/16 08:41)

次は 各コメント（レス）に返信できるようにしてみる

(1) コメントの番号、名前、日付時刻の後に【返信】ボタンをつける
function コメント一覧表示() の中で、<input type="button" class="res" id="res番号" value="返信" />
を出力するようにする。class 指定しているのは、$(".class").click() でまとめてイベントハンドラを登録するためだ。
idにコメント番号を含めているのは、ハンドラで $(this).attr("id") でコメント番号を取り出すためだ
また、コメント部分にも id="cmnt番号" をつけておき、ハンドラから参照可能にしておく

(2) イベントハンドラの処理
$(this).attr("id") でコメント番号を取り出し、refID に設定する
$("#cmnt" + refID).html() でコメント内容を取り出す。
HTMLなので、HTML要素はエスケープされ、改行は "<br>" になっている
function 改行引用記号付加(text) で 行分割し、引用記号を付け、改行は "\n" に変換
それを $("#cmntText").val(text) で引用コメント番号をつけて設定してあげればオケ
ついでに、window.scroll(0,0); で入力エリアが見えるように気を配っておく

出来上がったのがこれだ＞http://vivi.dyndns.org/AjaxTest/bbsJQ2.html
だいぶ使いやすくなったぞ