前几天看到新浪新闻出现了一个新东西:看同一条新闻的人可以在页面上的一个聊天块中进行聊天。
聊天的程序功能不是什么新鲜事,不过新浪的这个看同一条新闻的人聊天的这个还蛮有意思。
关键的地方就是根据不同的新闻将浏览的用户分开,用户可以和另外的看同一条新闻的人聊天,感觉让用户之间的交流更及时紧密。
我采用asp.net 和 ajax.net模拟了一个类似的功能,还有不完善的地方,例如:自动的更新数据、文本域自动滚动、以及一些外观和功能上的东西 都还没做。另外,功能虽然和新浪的差不多,但是不知道所采用的思路是否相同以及存储方式,数据维护方式等。
页面:
==============================================================
<%@ Page language="c#" Codebehind="chat.aspx.cs" AutoEventWireup="false" Inherits="Ajax.chat1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>chat</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
<!--
function add()
{
//将用户聊天姓名和聊天内容组合成字符串 并赋给str
var str=document.all.username.value;
str+=":";
str+=document.all.str.value;
var arg=document.location.href.split('?')[1]; //将用户请求的URL的参数部分分离出来并赋给arg变量
var nowstr = Ajax.chat1.Add(str,arg); //str参数为提交聊天信息的人的姓名和聊天内容组合后的字符串,arg为当前页面的URL参数部分字符串
document.all.strs.value=nowstr.value; //获取AJAX.NET调用的方法所返回的数据,该数据是APPLICATION所记录的聊天内容
}
//-->
</script>
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<TEXTAREA id="strs" style="WIDTH: 696px; HEIGHT: 184px" rows="11" cols="84" runat="server">
</TEXTAREA><BR>
<INPUT id="username" style="WIDTH: 88px; HEIGHT: 22px" type="text" size="9"><INPUT id="str" type="text"><INPUT type="button" value="Button" onclick="add();">
</form>
</body>
</HTML>
代码:
========================================================================