From: konekoneko <jbh03215@hotmail.co.jp>
Date: Thu, 21 Feb 2013 15:03:47 +0000 (+0900)
Subject: ささやきリストの名前をクリックしたら、/tellコマンドを自動挿入するようにした
X-Git-Url: http://git.osdn.jp/view?a=commitdiff_plain;h=a55906ea068bf9f1a005df8ca17b3f18242421c0;p=webchat%2FWebChat.git

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

diff --git a/public/chat.ejs b/public/chat.ejs
index add32d6..93f2fb1 100644
--- a/public/chat.ejs
+++ b/public/chat.ejs
@@ -86,6 +86,11 @@
 		<input type="button" name="close" value="閉じる"></input>
 	</div>
 	<div id="chat_frame" style="display:none">
+		<a href="#" id="whisper_list_view">
+			ささやき
+			<div id="whisper_list">
+			</div>
+		</a>
 		<form name="chat_form" accept-charset="UTF-8">
 			<input type="hidden" name="rno" value="<%= rno %>"></input>
 			<input type="hidden" name="_csrf" value="<%= token %>"></input>
diff --git a/public/scripts/chatclient.js b/public/scripts/chatclient.js
index 06406fe..83cd6fb 100644
--- a/public/scripts/chatclient.js
+++ b/public/scripts/chatclient.js
@@ -44,6 +44,9 @@ $(document).ready(function(){
 		$("#help_frame").css("display","none");
 	});
 	$("input[name=openPastlog]").click(openPastlogEventListener);
+	$("#whisper_list_view").click(function(e){
+		$("#whisper_list").toggle();
+	});
 	document.chat_form.onsubmit = function(){return false;};
 	document.enter_form.onsubmit = function(){return false;};
 
@@ -215,9 +218,13 @@ function GetNameLink(name)
 function createNameList()
 {
 	var date = new Date();
+	$("#whisper_list").empty();
+	$("#whisper_list").append("<ul></ul>");
+
 	$("#namelist").empty();
 	$("#namelist").append("<ul></ul>");
 	$("#namelist > ul").append($("<li/>").append(sprintf($romcount_msg,$romcount)));
+
 	for(var name in $names)
 	{
 		var diff = date.getTime() - $names[name].time;
@@ -229,11 +236,20 @@ function createNameList()
 				.attr("href",GetNameLink(name))
 				.css("color",$names[name].color)
 				.text(name);
+			var spantag = $("<span/>")
+				.click(clickNameEventListener)
+				.text(name);
+			$("#whisper_list > ul").append($("<li/>").append(spantag));
 			$("#namelist > ul").append($("<li/>").append(atag));
 		}
 	}
 }
 
+function clickNameEventListener(e)
+{
+	document.chat_form.message.value = "/tell " + $(this).text();
+}
+
 function enterEventListener()
 {
 	if(document.enter_form.name.value == "")
diff --git a/public/stylesheets/enter.css b/public/stylesheets/enter.css
index a265493..6a06d5f 100644
--- 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;