ささやきリストの名前をクリックしたら、/tellコマンドを自動挿入するようにした

diff --git a/public/chat.ejs b/public/chat.ejs
index add32d6..93f2fb1 100644 (file)
--- a/public/chat.ejs
+++ b/public/chat.ejs
@@ -86,6 +86,11 @@
                <input type="button" name="close" value="閉じる"></input>\r
        </div>\r
        <div id="chat_frame" style="display:none">\r
+               <a href="#" id="whisper_list_view">\r
+                       ささやき\r
+                       <div id="whisper_list">\r
+                       </div>\r
+               </a>\r
                <form name="chat_form" accept-charset="UTF-8">\r
                        <input type="hidden" name="rno" value="<%= rno %>"></input>\r
                        <input type="hidden" name="_csrf" value="<%= token %>"></input>\r

diff --git a/public/scripts/chatclient.js b/public/scripts/chatclient.js
index 06406fe..83cd6fb 100644 (file)
--- a/public/scripts/chatclient.js
+++ b/public/scripts/chatclient.js
@@ -44,6 +44,9 @@ $(document).ready(function(){
                $("#help_frame").css("display","none");\r
        });\r
        $("input[name=openPastlog]").click(openPastlogEventListener);\r
+       $("#whisper_list_view").click(function(e){\r
+               $("#whisper_list").toggle();\r
+       });\r
        document.chat_form.onsubmit = function(){return false;};\r
        document.enter_form.onsubmit = function(){return false;};\r
 \r
@@ -215,9 +218,13 @@ function GetNameLink(name)
 function createNameList()\r
 {\r
        var date = new Date();\r
+       $("#whisper_list").empty();\r
+       $("#whisper_list").append("<ul></ul>");\r
+\r
        $("#namelist").empty();\r
        $("#namelist").append("<ul></ul>");\r
        $("#namelist > ul").append($("<li/>").append(sprintf($romcount_msg,$romcount)));\r
+\r
        for(var name in $names)\r
        {\r
                var diff = date.getTime() - $names[name].time;\r
@@ -229,11 +236,20 @@ function createNameList()
                                .attr("href",GetNameLink(name))\r
                                .css("color",$names[name].color)\r
                                .text(name);\r
+                       var spantag = $("<span/>")\r
+                               .click(clickNameEventListener)\r
+                               .text(name);\r
+                       $("#whisper_list > ul").append($("<li/>").append(spantag));\r
                        $("#namelist > ul").append($("<li/>").append(atag));\r
                }\r
        }\r
 }\r
 \r
+function clickNameEventListener(e)\r
+{\r
+       document.chat_form.message.value = "/tell " + $(this).text();\r
+}\r
+\r
 function enterEventListener()\r
 {\r
        if(document.enter_form.name.value == "")\r

diff --git a/public/stylesheets/enter.css b/public/stylesheets/enter.css
index a265493..6a06d5f 100644 (file)
--- a/public/stylesheets/enter.css
+++ b/public/stylesheets/enter.css
@@ -6,6 +6,14 @@
        margin-right:1em;
 }
 
+#whisper_list ul{
+       list-style: none;
+}
+#whisper_list ul li {
+       display: inline;
+       margin-right:1em;
+}
+
 textarea[name="message"]{
        width:50em;
        height:3.6em;