掲示板のページ分割が正常にできていなかった。
デザインの変更
[style]以下のファイルを変更することで、あるていどデザインを変えることができます。
各ファイルはHTMLの一部分です。
[$SCRIPT(n)]の部分に、CGIの結果が埋め込まれます。
[frame.data]
掲示板全体のデザインです。
[$SCRIPT(1)]掲示板の内容部分が埋め込まれます。
[$SCRIPT(2)]掲示板のページ切り替え部分が埋め込まれます。
[line.data]
掲示板のコメント一件のデザインです。
[$SCRIPT(1)]コメントの本文部分が埋め込まれます。
[$SCRIPT(2)]コメントの名前部分が埋め込まれます。
[$SCRIPT(3)]コメントの投稿日時が埋め込まれます。
[index_num.data]
ページ切り替え部分のページ番号のデザイン。
[$SCRIPT(1)]ページ番号が埋め込まれます。
[index_left.data]
ページ切り替え部分の新しいページへのデザイン。
[index_right.data]
ページ切り替え部分の古いページへのデザイン。
文字コード
デザインファイル中に日本語を埋め込む場合はUTF-8を使用してください。
各ファイルはHTMLの一部分です。
[$SCRIPT(n)]の部分に、CGIの結果が埋め込まれます。
[frame.data]
掲示板全体のデザインです。
[$SCRIPT(1)]掲示板の内容部分が埋め込まれます。
[$SCRIPT(2)]掲示板のページ切り替え部分が埋め込まれます。
[line.data]
掲示板のコメント一件のデザインです。
[$SCRIPT(1)]コメントの本文部分が埋め込まれます。
[$SCRIPT(2)]コメントの名前部分が埋め込まれます。
[$SCRIPT(3)]コメントの投稿日時が埋め込まれます。
[index_num.data]
ページ切り替え部分のページ番号のデザイン。
[$SCRIPT(1)]ページ番号が埋め込まれます。
[index_left.data]
ページ切り替え部分の新しいページへのデザイン。
[index_right.data]
ページ切り替え部分の古いページへのデザイン。
文字コード
デザインファイル中に日本語を埋め込む場合はUTF-8を使用してください。
設置方法
パーミッション
[write.cgi]
CGIです。
要求があったときに実行されるパーミッションをあたえてください。
(一般的に775、700など)
[bbs.dataとpage以下のファイル]
write.cgiから書き込まれるファイルです。
CGIから書き込むことができるパーミッションをあたえてください。
(一般的に666、644、600など)
[style以下のファイル]
CGIから読み込めるパーミッションをあたえてください。
ブラウザからの直接要求で読み込める必要はありません。
(一般的に644、600など)
[その他]
ブラウザからの直接要求で読み込めるパーミッションをあたえてください。
(一般的に644など)
設定
write.cgiの上の方に設定項目があります。
[$Code]
埋め込み元ページの文字コード。(文字コードを示す文字列。'euc-jp''shiftjis''utf8'など。)
[$PageLength]
1ページ辺りのコメントの最大数。(数値)
[$MaxLine]
保存するコメントの最大数。(数値)
[$MaxComment]
投稿の本文の長さの最大値。マルチバイト文字も1文字として扱われます。(数値)
[$MaxName]
投稿の名前の長さの最大値。マルチバイト文字も1文字として扱われます。(数値)
[page]以下のファイル
write.cgiから出力される掲示板の内容ファイルです。
掲示板のページ数分、n.data(nは0以上の数値)という名前の空のファイルをあらかじめ生成しておいてください。
埋め込み
HTMLにJavaScriptとしてbbs.jsを埋め込んで使用します。
コード
[write.cgi]
CGIです。
要求があったときに実行されるパーミッションをあたえてください。
(一般的に775、700など)
[bbs.dataとpage以下のファイル]
write.cgiから書き込まれるファイルです。
CGIから書き込むことができるパーミッションをあたえてください。
(一般的に666、644、600など)
[style以下のファイル]
CGIから読み込めるパーミッションをあたえてください。
ブラウザからの直接要求で読み込める必要はありません。
(一般的に644、600など)
[その他]
ブラウザからの直接要求で読み込めるパーミッションをあたえてください。
(一般的に644など)
設定
write.cgiの上の方に設定項目があります。
[$Code]
埋め込み元ページの文字コード。(文字コードを示す文字列。'euc-jp''shiftjis''utf8'など。)
[$PageLength]
1ページ辺りのコメントの最大数。(数値)
[$MaxLine]
保存するコメントの最大数。(数値)
[$MaxComment]
投稿の本文の長さの最大値。マルチバイト文字も1文字として扱われます。(数値)
[$MaxName]
投稿の名前の長さの最大値。マルチバイト文字も1文字として扱われます。(数値)
[page]以下のファイル
write.cgiから出力される掲示板の内容ファイルです。
掲示板のページ数分、n.data(nは0以上の数値)という名前の空のファイルをあらかじめ生成しておいてください。
埋め込み
HTMLにJavaScriptとしてbbs.jsを埋め込んで使用します。
コード
<script src="xxx/bbs.js" type="text/javascript" charset="utf-8"></script>><noscript><a href="http://web-sozai.seesaa.net/">ページ埋め込み型掲示板</a></noscript>
(xxxはbbs.jsの場所。SCRIPTはUTF-8で出力されます。)
ページ埋め込み型掲示板(2)
XMLHttpRequestを使ったページ埋め込み型掲示板。
[一般的な掲示板スクリプトとの違い]
一般的な掲示板スクリプトでは、読み込み用CGIがHTMLを出力したり、書き込み用スクリプトがHTMLを生成しますが、
このスクリプトはHTMLページにJavaScriptとして埋め込んで使用します。
[ページ埋め込み型掲示板(1)との違い]
読み込み部分が静的ファイルなのでサーバーに負担がかからない。
掲示板のページ切り替えの際、掲示板部分だけを読み込むので、切り替えがスムーズ。
同一ドメイン以外のページに設置できない。(こちらはCGIの利用できるドメインのページにしか掲示板を設置できません。)
[注意点]
JavaScriptとして掲示板をページに埋め込むので、JavaScriptが使用できない場合は表示されません。
[キャッシュについて]
現在の主要なブラウザでは、XMLHttpRequestを使った際にファイルが更新されていてもキャッシュを優先してしまうようです。
このため、書き込みを行った際に更新ボタンを押したりしないと書き込んだブラウザ上で反映しない可能性があります。(実際には書き込まれている。)
これは、サーバーの設定でキャッシュを無効にしたりすれば一応解決するかもしれません。
また、スマートな方法ではないようですが、SCRIPTをキャッシュの確認をするようにすることもできるようです。(要、改造)
サンプルでは、キャッシュを無効にしてないので、書き込みがブラウザ上で反映しないかもしれません。
このページはCGIの利用できないレンタルブログを利用しているため、サンプルは別ドメインのページに設置してあります。
CGIの設置できないドメインのページに掲示板をつけたい場合はページ埋め込み型掲示板(1)をお使いください。
サンプル(ページ埋め込み型掲示板(3)をおすすめします。サンプルは公開終了しました。)
更新履歴
設置方法
デザインの変更
ダウンロード
[一般的な掲示板スクリプトとの違い]
一般的な掲示板スクリプトでは、読み込み用CGIがHTMLを出力したり、書き込み用スクリプトがHTMLを生成しますが、
このスクリプトはHTMLページにJavaScriptとして埋め込んで使用します。
[ページ埋め込み型掲示板(1)との違い]
読み込み部分が静的ファイルなのでサーバーに負担がかからない。
掲示板のページ切り替えの際、掲示板部分だけを読み込むので、切り替えがスムーズ。
同一ドメイン以外のページに設置できない。(こちらはCGIの利用できるドメインのページにしか掲示板を設置できません。)
[注意点]
JavaScriptとして掲示板をページに埋め込むので、JavaScriptが使用できない場合は表示されません。
[キャッシュについて]
現在の主要なブラウザでは、XMLHttpRequestを使った際にファイルが更新されていてもキャッシュを優先してしまうようです。
このため、書き込みを行った際に更新ボタンを押したりしないと書き込んだブラウザ上で反映しない可能性があります。(実際には書き込まれている。)
これは、サーバーの設定でキャッシュを無効にしたりすれば一応解決するかもしれません。
また、スマートな方法ではないようですが、SCRIPTをキャッシュの確認をするようにすることもできるようです。(要、改造)
サンプルでは、キャッシュを無効にしてないので、書き込みがブラウザ上で反映しないかもしれません。
このページはCGIの利用できないレンタルブログを利用しているため、サンプルは別ドメインのページに設置してあります。
CGIの設置できないドメインのページに掲示板をつけたい場合はページ埋め込み型掲示板(1)をお使いください。
更新履歴
設置方法
デザインの変更
ダウンロード