ホワイトボード

黒板 BBS をリニューアルしたホワイトボードの掲示板 CGI です
投稿方法などは黒板 BBS と同じですが ペンを移動しないと書き込めないなどの前回不具合点を解消しています

 whiteboard.lzh LHA形式 15.6KB  サンプル↓

ホワイトボード型のフリー入力型の掲示板です (字消クリーナーをクリックすると投稿できます)
設置例

解凍して存在しないファイルは作成してください
sample.html は設置方法のサンプルです(サーバへのアップロードは必要ありません)

※ dynlayer.js と mouseevents.js のファイルは Dynamic Duo サイトさんから頂いてきたものなのですが
  サイトの移動または閉鎖があったようで リンクができなくなっています

whiteboard.html は書込みが1度でも行われると自動的に更新されるので
座標や色の値は whiteboard.cgi と sample.html のみ変更でよいでしょう

<public_html> -+- index.html
        |
        +-- <whiteboard> --- whiteboard.html [666] (掲示板)
                  whiteboard.cgi [755] (処理)
                  whiteboard.log [666] (ログ)
                  jcode.pl    [644] (ライブラリ)
                  whiteboard.js  [644] (メッセージ更新)
                  dynlayer.js   [644] (Dynamic Layer Object)
                  mouseevents.js [644] (Mouse Event Functions)
                  pen.gif     [644] (ペン)
                  elser.gif    [644] (クリーナー)

CGI の修正

CGI の改造は自由 (配布も構いません) ですが 著作権表示として このサイトへのリンクをページ内のどこかに記述してください
基本的には下記の部分のみを修正してください

#!/usr/bin/perl

     <途中省略>

#----------------------------------------------------------------------
# カスタマイズ
#----------------------------------------------------------------------
require './jcode.pl';          # 文字コード変換ライブラリ
$height = 300;             # 黒板高さ
                    # bodyタグ
$body = '<body style="background-color: #ffffee;" onLoad="init()">';
$max = 20;               # ログ件数
$title = 'ホワイトボード';       # タイトル
$logfile = './whiteboard.log';     # ログファイル名
$page = './whiteboard.html';      # White Board ファイル名
$script = './whiteboard.cgi';      # スクリプト名
$chalkimg = 'mark0.gif';        # ペンファイル名
$elserimg = 'elser.gif';        # クリーナーファイル名
$chalkpoint = 'left: 5px; top: 5px';  # ペン座標
                    # ペンヘルプ
$chalkalt = 'ドラッグで書込位置を設定できます';
$comsize = 50;             # コメント入力幅
$comdef = 'ここに文字を入力';      # コメント初期値
#----------------------------------------------------------------------
# 表示色(ここのみでメンテ可能)
#----------------------------------------------------------------------
$color = <<EOM;
<option value=\"#000000\">黒
<option value=\"#ff0000\">赤
<option value=\"#0000ff\">青
<option value=\"#999900\">黄
EOM