public/chat.ejs

   1 <!DOCTYPE html>\r
   2 <html>\r
   3 <head>\r
   4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
   5 <!-- 独自のページを作る場合はここから -->\r
   6 <script type="text/javascript" src="/socket.io/socket.io.js"></script>\r
   7 <script type="text/javascript" src="scripts/jquery-1.8.1.min.js"></script>\r
   8 <script type="text/javascript" src="scripts/jquery.cookie.js"></script>\r
   9 <script type="text/javascript" src="scripts/bbcode.js"></script>\r
  10 <script type="text/javascript" src="scripts/sprintf.js"></script>\r
  11 <script type="text/javascript" src="scripts/dateformat.js"></script>\r
  12 <script type="text/javascript" src="scripts/chatclient.js"></script>\r
  13 <!-- ここまでを必ず組み込むこと -->\r
  14 <link rel="stylesheet" href="stylesheets/enter.css" type="text/css" />\r
  15 </head>\r
  16 <body>\r
  17 <div id="contents">\r
  18         <!-- 独自のページを作る場合はここから -->\r
  19         <audio id="NoticeSound" preload="auto">\r
  20                 <source src="sound/BellG@11.mp3" type="audio/mp3">\r
  21                 <source src="sound/BellG@11.wav" type="audio/wav">\r
  22         </audio>\r
  23         <div id="help_frame" style="display:none">\r
  24                 <h2>使用可能コマンド</h2>\r
  25                 <dl>\r
  26                         <dt>/tell 名前</dt>\r
  27                         <dd>任意の名前に耳打ち</dd>\r
  28                         <dt>/dice</dt>\r
  29                         <dd>６面さいころを一つ投げる</dd>\r
  30                         <dt>/dice &lt;面数&gt;d&lt;サイコロの数&gt;[c&lt;クリティカル[+|-]&gt;][f&lt;ファンブル[+|-]&gt;]</dt>\r
  31                         <dd>任意の面数のさいころを任意の数だけ投げる。クリティカルやファンブルに+をつけた場合はその値以上でクリティカルもしくはファンブルと判定し、-をつけた場合はその値以下の場合にだけクリティカルもしくはファンブルと判定します。何もつけない場合は一致した場合にだけクリティカルもしくはファンブルとします</dd>\r
  32                         <dt>/send 部屋番号 発言</dt>\r
  33                         <dd>任意の部屋に発言を送信する</dd>\r
  34                         <dt>/setpassword パスワード</dt>\r
  35                         <dd>パスワードを設定する</dd>\r
  36                 </dl>\r
  37                 <h2>使用可能BBCODE</h2>\r
  38                 <table>\r
  39                         <tr>\r
  40                                 <td>[b]文字列[/b]</td>\r
  41                                 <td>強調</td>\r
  42                         </tr>\r
  43                         <tr>\r
  44                                 <td>[i]文字列[/i]</td>\r
  45                                 <td>斜体</td>\r
  46                         </tr>\r
  47                         <tr>\r
  48                                 <td>[s]文字列[/s]</td>\r
  49                                 <td>取り消し線</td>\r
  50                         </tr>\r
  51                         <tr>\r
  52                                 <td>[u]文字列[/u]</td>\r
  53                                 <td>下線</td>\r
  54                         </tr>\r
  55                         <tr>\r
  56                                 <td>[color=色名|色コード]文字列[/color]</td>\r
  57                                 <td>任意の色で表示</td>\r
  58                         </tr>\r
  59                         <tr>\r
  60                                 <td>[size=サイズ]文字列[/size]</td>\r
  61                                 <td>任意のサイズで表示</td>\r
  62                         </tr>\r
  63                         <tr>\r
  64                                 <td>[url=リンク]文字列[/url]</td>\r
  65                                 <td>リンクを作成する</td>\r
  66                         </tr>\r
  67                         <tr>\r
  68                                 <td>[q]文字列[/q]</td>\r
  69                                 <td>引用</td>\r
  70                         </tr>\r
  71                         <tr>\r
  72                                 <td>[blockquote]文字列[/blockquote]</td>\r
  73                                 <td>引用</td>\r
  74                         </tr>\r
  75                         <tr>\r
  76                                 <td>[pre]文字列[/pre]</td>\r
  77                                 <td>整形済みテキストを表す</td>\r
  78                         </tr>\r
  79                         <tr>\r
  80                                 <td>[code]文字列[/code]</td>\r
  81                                 <td>ソースコードを表す</td>\r
  82                         </tr>\r
  83                 </table>\r
  84                 <input type="button" name="close" value="閉じる"></input>\r
  85         </div>\r
  86         <div id="chat_frame" style="display:none">\r
  87                 <form name="chat_form" accept-charset="UTF-8">\r
  88                         <input type="hidden" name="rno" value="<%= rno %>"></input>\r
  89                         <input type="hidden" name="token" value="<%= token %>"></input>\r
  90                         <p>発言<textarea type="text" name="message" value=""></textarea></p>\r
  91                         <p>\r
  92                                 <input type="button" name="sid" value="発言"></input>\r
  93                                 <input type="button" name="quit" value="退出"></input>\r
  94                                 <input type="button" name="help" value="使い方"></input>\r
  95                         </p>\r
  96                 </form>\r
  97         </div>\r
  98         <div id="enter_frame">\r
  99                 <form name="enter_form" accept-charset="UTF-8">\r
 100                         <p>名前<input type="text" name="name" value=""></input></p>\r
 101                         <p>外見<input type="text" name="mailto" value=""></input></p>\r
 102                         <p>パスワード<input type="text" name="password" value=""></input></p>\r
 103                         <p>\r
 104                                 発言色<select name="color" value=""></select>\r
 105                                 更新時に通知<input type="checkbox" id="bell" value=""></input>\r
 106                         </p>\r
 107                         <p>\r
 108                                 <input type="button" name="enter" value="入室"></input>\r
 109                                 過去ログ\r
 110                                 <select name="past"></select>\r
 111                                 <input type="button" name="openPastlog" value="見る"></input>\r
 112                         </p>\r
 113                 </form>\r
 114                 <div id="enter_message">\r
 115                 </div>\r
 116         </div>\r
 117         <div id="namelist">\r
 118         </div>\r
 119         <div>\r
 120                 <table id="message">\r
 121                 </table>\r
 122         </div>\r
 123         <!-- ここまでを必ず組み込むこと -->\r
 124 </div>\r
 125 </body>\r
 126 </html>\r