> トップページ > ウェブアプリケーション

あらゆるページにコメント欄を追加「attachBBS」

はじめに

■ あらゆるページにコメント欄を追加「attachBBS」

JavaScript の動的ロードによって、静的ページを含む全てのページにコメント欄を追加できる「attachBBS」を作ってみました。

Firefox & IE & Safari で動作を確認しています。

■ 特徴 & 利点

あらゆるページに後付けでコメント欄 (BBS) を設置することができます。
コメント欄を設置する際に CGI などは一切設置不要。ページのソースをいくつか変更するだけで OK。

attachBBS では BBS 機能を専用のプラグインサーバ (attachBBS.pqrs.org) で一括して提供し、コメント欄を設置するページでは JavaScript でサーバ機能を呼ぶ形になります。

設置方法

■ 設置方法

コメント欄を追加したいページのソースに以下の記述を加えます。

サンプルHTML

■ (1) スタイルシートの読み込み

HTML ファイルの <head> 〜 </head> 間に以下の内容を加えます。

<link href="http://attachBBS.pqrs.org/style.css" rel="stylesheet" type="text/css" />

■ (2) BBS の埋め込み

BBS を埋め込みたい部分に以下のタグを加えます。

<div id="attachBBS_elemID"></div>

■ (3) JavaScript の読み込み

HTML ファイルの末尾 (</body> の直前くらい) に以下の内容を加えます。

<script type="text/javascript" src="http://attachBBS.pqrs.org/js/attachBBS.js"></script>
<script type="text/javascript">
  attachBBS.onLoad("attachBBS_elemID", "http://example.com/yourURI", "username");
</script>

"http://example.com/yourURI" と "username" となっている部分は以下のような内容で書き替えてください。

http://example.com/yourURI	コメントを設置したいページの URL
username	あなたの好きなユーザ名 (一覧ページで使います)

一覧ページ

■ 一覧ページ

http://attachbbs-admin.pqrs.org/ からユーザ名を入力することでコメント一覧ページを見ることが出来ます。

複数のページに BBS を設置している場合は、一覧ページでコメントを確認すると便利かと思います。

Comments for This Page.

Date: 2006-01-04 00:00 (JST)