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