アイコン・チャット2

 内容
 アイコンを使用できるカラフルなチャットです。入退室の処理、チャットメンバーの表示ができます。

  ●アイコンを使用できます。アイコンの画像を自由に登録できます。
  ●チャットに参加しているメンバーをリアルタイムで表示します。

 表示例
 実際に動作しているサンプルが こちら にありますのでご覧下さい。

入室画面
[HOME] CHAT [管理]
名前を入力しアイコンと文字色を選択して下さい。
名前
アイコン                
文字色

チャット画面
CHAT
更新
内容  

只今のメンバー: 太郎  次郎  花子 

太郎チャットメンバーをリアルタイムで表示します。 (6/12-19:25)

三郎さんが退室しました! (6/12-19:24)

花子文字色を選択できるのでカラフルに表示します。 (6/12-19:23)

花子さんが入室しました! (6/12-19:23)

次郎入退室の処理を行います。 (6/12-19:23)

太郎壁紙、文字色、背景色などをHP上で簡単に変更できます。 (6/12-19:21)

太郎さんが入室しました! (6/12-19:20)


 設置手順
No 項 目 内  容
1 ファイルダウンロード 下記をクリックして圧縮ファイルをダウンロードします。
  chat5.zip
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。
  <ディレクトリ構成>
     |---chatdata (ディレクトリ)
     |---chat5.cgi
     |---cgi-lib.pl
3 プログラムの変更 chat5.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/chat5.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、
chatdataディレクトリをCGIとHTMLの両方のディレクトリに転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権
chat5.cgi 755
7 実行 上記のHPページでリンクをクリックするとチャットが表示されます。

 使用方法
 ●入室
  ・「名前」を入力し、「アイコン」と「文字色」を選択して「入室する」をクリックします。
  ・一度入室すると名前、アイコン、文字色は次回から自動入力されます。

 ●チャット
  ・チャットに参加しているメンバーがアイコンで表示されます。
  ・書込みは「内容」を入力し、「書込む」をクリックします。「書込む」だけをクリックすれば表示が更新されます。
  ・「更新」は手動又は自動更新の時間を選択できます。
  ・退室する場合は「退室」をクリックします。
  ・「記事削除」をクリックすると全ての記事を削除します。

 ●管理
  ・入室画面の右上にある[管理]をクリックします。パスワードは初期値が「cgi」です。
タイトル
コメント
ホームURL
画像格納ディレクトリ
画像読出ディレクトリ

壁紙、アイコン
壁紙 (無)
(無)(無)(無)(無)

カラーコード
基本背景色
基本文字色
タイトル色
コメント色
ログ表示件数
入力フレーム高さ ピクセル
パスワード変更 (英数8文字以内)

タイトル チャットの最上部に表示するタイトルを入力します。
コメント 入室画面でタイトルの下に表示するコメントを入力します。
ホームURL 入室画面の左上部に表示するホームへの戻り先を指定します。
画像格納ディレクトリ chatdataディレクトリを絶対パス又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのchatdataのパスを指定します。http://のURLでは指定できません。
 (例) ./chatdata、 ../xxxx/chatdata、 /xxxx/chatdata
画像読出ディレクトリ chatdataディレクトリをURL又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのchatdataを http://のURLで指定します。
 (例) ./chatdata、 http://xxxx/chatdata
壁紙、アイコン 壁紙とアイコンの画像をアップロードします。画像を選択して「参照」をクリックし画像ファイルを入力します。アップロード可能なファイル形式はJPGとGIFです。画像を使用しない場合は画像を選択しファイル欄を空白にします。アイコンは本プログラムに含まれません。アイコンは最大12個登録できます。
基本背景色・・・ 各色をカラーコードで指定します。
ログ表示件数 ログの表示件数を選択します。
入力フレーム 上部に表示する入力フレームの高さを指定します。
パスワード変更 管理画面に入る為のパスワードを入力します。



 改版履歴
リリース日 対象 版数 改版内容
2003.08.05 chat5.cgi V1.0 初版
2003.11.18 chat5.cgi V1.1 画像格納ディレクトリ、画像読出ディレクトリの設定を修正
2004.02.03 chat5.cgi V1.2 入力にフォーカスを当てる
2004.06.12 chat5.cgi V1.3 ログに月日を表示
2005.06.12 chat5.cgi V2.0 全面変更。旧版とのデータ互換性はありません。


CGI-design