18.8 联系人管理

聊天室中的“好友”、“黑名单”、“陌生人”、“群”等概念是联系人的管理范畴。联系人管理中最主要的部分是对好友管理，而好友管理中较复杂的部分则是添加好友。本节以添加好友为重点，详细介绍联系人管理的相关内容。

18.8.1 寻找好友

前面章节已经介绍了添加好友操作的大致流程，这里主要讲述其具体实现。在QQ菜单中的“我的好友”菜单项中有一个“添加好友“的按钮，单击该按钮将执行find1()方法。find1()方法的作用是在div层中打开find1.aspx页面。其实现代码如下：

//添加好友第一步，选择浏览方式

function find1() {

var div = top.document.createElement("div");

div.id = "sear";//id

var html =' <table width="300" height="295" id ="myfind" border="0" cellspacing= "0" cellpadding="0">\

<tr >\

<td><iframe frameborder=0 scrolling=no width=400 height=295 '; //构造字符串

html +='src=\"find1.aspx';

html += '\"></iframe></td> </tr></table>'; //构造完毕

div.innerHTML = html;

div.style.position = "absolute"; //绝对位置

div.style.left = 200+"px";

div.style.top = 150+"px";

//鼠标键按下允许事件冒泡

div.onmousedown = function() { window.event.cancelBubble=false;};

top.document.body.appendChild(div); //添加上这个窗体

}

执行find1()方法后进入添加好友第一步—— 选择查找方式，显示查找好友方式的选择页面，此页面的显示效果如图18.19所示。

页面上包括3个选项：看谁在线上、用户账号、群的名称。3个选项的后续执行步骤大致相同。这里选择第一个选项看谁在线上为例子，单击“下一步”按钮，页面相关数据被POST到Find2.aspx页面中。Find2.aspx是用来显示用户列表和执行添加好友操作的。执行Find2.aspx文件后，进入添加好友第二步——用户列表，在显示出来的用户列表中，单击选中某条好友记录，便可查看他的详细信息，也可以向他发出加为好友的请求。Find2.aspx的显示效果如图18.20所示。

图18.19 添加好友第一步—— 选择查找方式图18.20 添加好友第二步——用户列表

Find2.aspx的代码构成主体是一个GridView控件，此控件用来显示好友列表。页面中利用一个ID为dnmb的hidden控件，记录当前选中的用户ID。Find2.aspx的页面代码实现如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="find2.aspx.cs" Inherits= "find2" %>

<html>

<head>

function trselect(){ //选中某一条记录

var id=form1.dnmb.value;

if(id!="") $("a"+id).className='';

form1.more.disabled=false; //查看详情按钮可用

form1.add.disabled=false; //添加好友按钮可用

}

var npage=1;

var pageUrl=window.location;

pageUrl=pageUrl.toString();

var Parameter=pageUrl.split("?");

var scurl=Parameter[1];

function finddetail() //查看详情

{

if(document.form1.dnmb.value=='')//选中用户

{top.frames('chatqq').myAlert('请先选择一个用户！');return;}

top.frames('chatqq').getdetail($('dnmb').value)

}

</script>

</head>

<body topmargin="0" leftmargin="0" style="border: none" background="images/ 4_r3_c4.gif"

scroll="no" oncontextmenu="return false" onselectstart="return false">

<table border="1" cellspacing="0" bordercolor="#D6D3CE" background="images/ 4_r3_c4.gif"

style="width: 398px; height: 274px">

<tr>

<table width="100%" height="205" style="overflow: auto" border="0" cellpadding="1"

cellspacing="0" class="tddown" background="images/4_r3_c4.gif">

<td width="100" height="18" align="center" class="but" onmousedown="this.className='tddown'"

onmouseup="this.className='but'" onmouseout="this.className='but'">

账号</td>

<td width="200" height="18" align="center" class="but" onmousedown="this.className='tddown'"

onmouseup="this.className='but'" onmouseout="this.class Name='but'">

姓名</td>

<td height="18" align="center" class="but" onmousedown= "this.className='tddown'"

onmouseup="this.className='but'" onmouseout="this. className= 'but'" style="width: 30px">

性别</td>

<td width="100" height="18" align="center" class="but" onmousedown="this.className='tddown'"

onmouseup="this.className='but'" onmouseout="this.class Name='but'">

来自何处</td>

</tr>

<asp:GridView ID="GridView1" runat="server" Width= "100%" GridLines="None" AllowPaging="True"

AutoGenerateColumns="False" ShowHeader="False" OnRowCreated="GridView1_RowCreated"

DataKeyNames="userid">

<asp:BoundField DataField="username">

</asp:BoundField>

<asp:BoundField DataField="realname">

</asp:BoundField>

<asp:BoundField DataField="sex">

</asp:BoundField>

<asp:BoundField DataField="companyaddr">

</asp:BoundField>

</Columns>

对不起，没有找到符合条件的用户！

</EmptyDataTemplate>

</asp:GridView>

</div>

</td>

</tr>

</table>

</div>

</td>

</tr>

<tr>

<input name="button_1" type="button" class="button1" value= " 上一页 "></a> <a id="down1"

runat="server">

<input name="more" type="button" disabled class="button1" onclick= "finddetail();"

value="详细资料">

<input name="add" type="button" disabled class="button1" value= "加为好友" id="add" onserverclick="Button1_ServerClick"

runat="server">

</td>

</tr>

<tr>

<input name="button" type="button" class="button1" onclick= "top.frames('chatqq').closeInfoWnd('sear');"

value=" 关闭 "></td>

</tr>

</table>

</form>

</body>

</html>

18.8.2 查看待添加好友的资料

由上节的代码可以看出，“查看详细资料”按钮调用了finddetail()方法来显示选中用户的详细资料。而finddetail()方法又调用了getdetail()方法来具体实现用户资料的显示。这两个函数的具体实现代码如下：

function finddetail()

{

if(document.form1.dnmb.value=='')

{top.frames('chatqq').myAlert('请先选择一个用户！');return;}

top.frames('chatqq').getdetail($('dnmb').value)

}

//显示用户的详细资料

function getdetail(userid,username)

{

var div = top.document.createElement("div");

div.id = "Sysmsg";

//字符串

var html =' <table width="530" height="450" border="0" cellspacing="0" cellpadding="0">\

<tr><td ><iframe frameborder=0 scrolling=no id = mydetail width=530 height=450 ';

if(arguments.length==1) //显示特定人的详情

html +='src=\"detail.aspx?userid='+userid;

if(arguments.length==0) //显示自己的详情

html +='src=\"detail.aspx';

if(arguments.length==2) //显示黑名单中的某人的详情

html +='src=\"detail.aspx?type = black&userid = '+userid+"&username =" +escape (username);

html += '\"></iframe></td> </tr></table>';

//设置一些参数

div.innerHTML = html;

div.style.position = "absolute";

div.style.left = 300+"px";

div.style.top = 100+"px";

div.style.width=530+"px";

div.style.height= 450+"px";

div.onmousedown = function() { top.event.cancelBubble=false;};

top.document.body.appendChild(div);

Drag.init(div, div); //初始化拖动

}

服务器端Find2.aspx.cs文件负责产生相应的数据源，供GridView控件显示信息使用。同时也执行添加好友的动作。在其Page_Load事件中，首先判断是请求显示在线用户、特定用户还是群，然后根据不同情况进行不同的处理。在GridView1_RowCreated事件中，则给GridView控件注册了一个客户端onClick事件，用来记录选中的用户ID。Find2.aspx.cs的具体代码如下：

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using MyChat;

public partial class find2 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if(!IsPostBack)

{

IDictionaryEnumerator id = Cache.GetEnumerator();

MyChat.Sql s = new MyChat.Sql();

if(Request["radiobutton"] == "0") //在线用户

{

string onlineuser = "0";

while (id.MoveNext()) //遍历cache，寻找聊天用户类

{

MyChat.ChatUser o = id.Value as MyChat.ChatUser;

if(o!= null)

onlineuser += "," + o.Userid;//记录下在线用户的id

}

//从数据库中取出所有在线用户的信息

System.Data.DataSet ds = s.getMyDataSet("select * from userinfo

where userid in (" + onlineuser + ")");

GridView1.DataSource = ds;

}

if (Request["radiobutton"] == "1") //特定用户

{

System.Data.DataSet ds = s.getMyDataSet("select * from userinfo

where username like '%" + Request.Form["snumber"] + "%'");

GridView1.DataSource = ds; //把所有用户的信息作为数据源

}

if(Request["radiobutton"] == "2") //查找群

{

Server.Transfer("find3.aspx"); //转到群浏览页面

return;

}

//如果指定页面，显示指定的页面

if(Request.QueryString["page"] != null && Request.QueryString ["page"] != "")

GridView1.PageIndex = int.Parse(Request.QueryString["page"]);

GridView1.DataBind();

Random r = new Random();

if(GridView1.PageIndex + 2 <= GridView1.PageCount)//设置上一页按钮的链接

up1.HRef = "find2.aspx?page=" + Convert.ToString(GridView1. PageIndex + 1) + "&rnd = " + Convert.ToString(r.Next());

if (GridView1.PageIndex > 0) //设置下一页按钮的链接

down1.HRef = "find2.aspx?page=" + Convert.ToString(GridView1. PageIndex - 1) + "&rnd = " + Convert.ToString(r.Next());

}

protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)

{

if(e.Row.RowType == DataControlRowType.DataRow) //数据字段

{

string tem = GridView1.DataKeys[e.Row.RowIndex][0].ToString();

//用户id

string j = "trselect();this.className='select';form1.dnmb.value='" + tem + "';";

e.Row.Attributes.Add("id", "a" + tem); //id

e.Row.Attributes.Add("onclick", j); //onclick属性

}

//加为好友

protected void Button1_ServerClick(object sender, EventArgs e)

{

improve im = new improve();

string str = im.AddFriend(Request["dnmb"]); //请求加为好友

switch (str)

{

case "success": //成功

ClientScript.RegisterStartupScript(this.GetType(), "sde", "top. frames('chatqq').myAlert('成功加为好友！！');", true);

break;

case "isblack": //在黑名单中

ClientScript.RegisterStartupScript(this.GetType(), "sde", "top. frames('chatqq').myAlert('你在对方黑名单中，不能加为好友！！');", true);

break;

case "havefriend": //已经是好友

ClientScript.RegisterStartupScript(this.GetType(), "sde", "top. frames('chatqq').myAlert('您已经添加了该好友，不能再次添加！！');", true);

break;

case "forbid": //禁止被加为好友

ClientScript.RegisterStartupScript(this.GetType(), "sde", "top.frames('chatqq').myAlert('对方拒绝被加为好友，不能添加！！');", true);

break;

case "confirm": //需要确认

ClientScript.RegisterStartupScript(this.GetType(), "sde", "top.frames ('chatqq').showconfirm('" + Request["dnmb"] + "');", true);

break;

}

18.8.3 添加好友完成

文本框:
图18.21 添加好友第三步——输入验证信息在图18.20中，单击“加为好友”按钮，可能出现的反馈情况包括：对方拒绝添加、添加失败、添加成功、出现好友验证窗体、用户验证等。其中第3种情况比较复杂，单击“加为好友”按钮后，进入添加好友第三步操步——输入验证信息，即出现好友要求验证窗体，如图18.21所示。

从Find2.aspx.cs文件代码中可以看到，这个验证窗体的出现是直接调用客户端函数showcon- firm()的结果。showconfirm()构造了一个简易的显示层，供用户输入验证信息进行验证。Showcon- firm()方法的实现代码如下：

// 显示请求加为好友的验证窗口

function showconfirm(friendid) {

var div = top.document.createElement("div");

div.id = "friendwnd"; //id

var html = "<img src=\"images/c.gif\" onclick=\"top.frames('chatqq').close InfoWnd('friendwnd')\">\

<div >\

<table><tr><td colspan=2>对方需要身份验证才能加为好友，请输入附加消息</td></tr>\

<tr><td valign=\"top\"><span>附加消息：</span></td>\

<td><textarea name=\"content\" rows=\"\" cols=\"\">可以作个朋友么?</textarea></td></tr>\

<tr><td> </td><td>\

</td>\

</tr>\

<tr><td></td><td><input type=\"button\" value=\"发送\" onclick =\"var va=document.getElementById('content').value;top.frames('chatqq').sendf(" + friendid+ ",va);\"";

html += " class='button1' >  <input type=\"reset\" value=\"关闭\" class='button1' onclick=\"top.frames("chatqq").closeInfoWnd('friendwnd')\"></td></tr>\

</table>\

</div>"; //构造窗体内容

div.innerHTML = html;

div.style.position = "absolute";

div.style.left =260+"px";

div.style.backgroundImage="url(images/4_r3_c4.gif)"; //背景

div.style.top = 190+"px";

div.style.height = 100+"px";

div.style.textAlign="right";

div.onmousedown = function() { top.event.cancelBubble=false;};

top.document.body.appendChild(div); //添加上窗口

}

用户输入验证信息，程序调用sendf()方法请求服务器进行验证。Sendf()方法其实就是直接利用客户端Request对象向服务器发送一个请求，然后对请求的结果进行相应的显示。相关的客户端代码如下：

//发送加为好友的请求

function sendf(toid,content) {

//请求的附加消息

url = "askforf.ashx?msg="+escape(content)+"&toid="+toid+"&rnd="+ 10000* Math.random();

Request.sendPOST(url, "", doSendMessageRes, true, doSendMessageFail); //发送请求

}

//成功后的回调函数

function doSendMessageRes(req, data) {

myAlert("操作成功");

top.frames('chatqq').closeInfoWnd('friendwnd');

}

//失败后的回调函数

function doSendMessageFail(req, data) {

myAlert("操作失败");

top.frames('chatqq').closeInfoWnd('friendwnd');

}

服务器端处理好友验证请求的程序是askforf.ashx。它的作用是向被请求者发送一条系统消息，询问用户是否同意被加为好友。代码如下：

<%@ WebHandler Language="C#" Class="askforf" %>

using System;

using System.Web;

using MyChat;

public class askforf : IHttpHandler, System.Web.SessionState.IRequiresSessionState

{

public void ProcessRequest(HttpContext context)

{

context.Response.ContentType = "text/plain"; //文本类型

string msg = context.Server.UrlDecode(context.Request.QueryString["msg"]); //消息

string toid = context.Request.QueryString["toid"]; //对方id

improve im = new improve();

im.AskForAddF(toid, msg); //请求加为好友

}

public bool IsReusable

{

get

{

return false;

}

被请求者将收到如图18.22所示的一条系统消息。进入添加好友第四步—— 收到被请求加为好友的信息，用户可以单击“同意”链接接受请求，也可以单击“不同意”链接拒绝请求。

图18.22 添加好友第四步—— 收到被请求加为好友的信息

若单击“同意”链接后，程序将调用allowf.ashx把自己加为对方的好友，同时向对方发送如图18.23所示的一条系统消息，进入添加好友第五步—— 添加成功，这样添加好友的过程结束。allowf.ashx的代码如下：

图18.23 添加好友第五步—— 添加成功

<%@ WebHandler Language="C#" Class="allowf" %>

using System;

using System.Web;

using MyChat;

public class allowf : IHttpHandler, System.Web.SessionState.IRequiresSessionState

{

public void ProcessRequest(HttpContext context)

{

context.Response.ContentType = "text/plain"; //设置输出格式为文本

//请求者的账号

string username = context.Server.UrlDecode(context.Request.QueryString ["friendname"]); improve im = new improve();

//同意请求

if(context.Request.QueryString["type"] == "1")

{

im.PermitAddFriend(username);

}

//不同意被加为好友

if(context.Request.QueryString["type"] == "2")

{

im.RejectAddFriend(username);

}

public bool IsReusable

{

get

{

return false;

}

18.8.4 删除好友和加入、移除黑名单

文本框:
图18.24 两人聊天窗口的头部在两人聊天窗口（chat.aspx）的右上部有两个按钮：“删除该好友”和“拉入黑名单”，这两个按钮用来实现删除好友和加入黑名单的功能。两个按钮的运行时效果如图18.24所示。

两个按钮执行的程序都是服务器端控件，即直接执行服务器端代码。代码的主体都是执行对数据库的操作，程序执行后给客户端一个提示信息框。具体实现代码如下：

//删除好友

protected void Button1_Click(object sender, EventArgs e)

{

string gid = Request.QueryString["othername"]; //要删除的好友账号

string sql = " delete [friend] where userid = '" + tools.GetUserId (User.Identity.Name) + "' and othername='" + gid + "'";

MyChat.Sql s = new MyChat.Sql();

s.ExecuteSql(sql); //删除

//显示删除的提示

ClientScript.RegisterStartupScript(this.GetType(), "sde", "clearInterval (isdog);top.frames('chatqq').myAlert('您已经成功删除该好友！！');var myt = document.get ElementById('myte').value;top.frames('chatqq').closeInfoWnd(myt);", true);

}

//拉黑名单

protected void Button2_Click(object sender, EventArgs e)

{

string gid = Request.QueryString["othername"]; //对方账号

string sql = " delete [friend] where userid = '" + User.Identity.Name + "' and othername='" + gid + "'";

MyChat.Sql s = new MyChat.Sql();

s.ExecuteSql(sql); //删除好友设置

sql = "insert [friend](type,userid,othername) values(1," + tools.GetUserId (User.Identity.Name) + ",'" + gid + "')";

s.ExecuteSql(sql); //拉入黑名单

//显示操作成功的提示

ClientScript.RegisterStartupScript(this.GetType(),"clearInterval (isdog); top.frames('chatqq').myAlert('您已经把该好友拉入了黑名单！！');var myt = document. getElementById('myte').value;top.frames('chatqq').closeInfoWnd(myt);", true);

}

单击QQ菜单中黑名单菜单项中的某个用户，就会显示这个用户的详细信息。与一般用户的详细信息不同的是，这个页面增加了一个按钮“移除黑名单”，用来实现将此用户移除黑名单的功能。显示效果如图18.25所示。

图18.25 移除黑名单按钮

实现这个功能就是要把数据库中的黑名单记录删除掉，然后给客户端一个相应的提示信息。实现代码如下：

// 删除黑名单

protected void delblack_ServerClick(object sender, EventArgs e)

{

string gid = Request.QueryString["username"]; //账号

MyChat.Sql s = new MyChat.Sql();

string sql = "delete from friend where userid =" + tools.GetUserId (User.Identity.Name) + " and type =1 and othername= '" + gid + "' ";

s.ExecuteSql(sql); //删除

//删除成功的提示

ClientScript.RegisterStartupScript(this.GetType(), "sde", "top.frames('chatqq'). myAlert('您已经成功把该用户移除黑名单！！');top.frames('chatqq'). closeInfoWnd('myt');", true);

}

18.8.5 群

群聊天的功能大致与聊天室相似，群可以自由创建，在群中可以实现多人聊天。下面分别讲述创建群和群的其他操作两方面功能的具体实现。

1．创建群

在Web QQ主界面的“我的群”菜单项中，单击“创建群”图标，此时执行createGroupWnd()方法，显示出创建群的界面。createGroupWnd()方法用于构造一个群的界面，供用户输入群的一些设置信息，代码如下：

// 显示创建群的窗口

function createGroupWnd()

{

var div = top.document.createElement("div");

div.id = "friendwnd";

//构造字符串

var html = "<iframe id = 'friendmy' frameborder=0 style ='display:none' scrolling= no src=\"about:blank\"></iframe><img src=\"images/c.gif\" onclick=\"top.frames ('chatqq').closeInfoWnd('friendwnd');\">\

<div class=\"winTitle\" align='left'><br /> <form name=\"sendMsgForm\" ><span align='left'>群的名称：<input type=\"text\" id=\"gname\" name =\"gname\" ></input> </span> </div>\

<div class=\"winCont\" id=\"sendMsgBoxCont\">\

<table class=\"t_l\">\

<tr><td valign=\"top\">群描述：</td>\

<td><textarea name=\"gnotes\" id =\"gnotes\" rows=\"\" cols=\"\" class=\"tArea1\"></textarea></td></tr>\

<tr><td> </td><td>\

</td>\

</tr>\

<tr><td></td><td><input type=\"button\" value=\"创建\" onclick =\"top.frames ('chatqq').createG(\document.getElementById('gname').value,document.getElementById('gnotes').value); \" class='button1' >  <input type=\"reset\" value=\"关闭\" class='button1' onclick=\"top.frames('chatqq').closeInfoWnd('friendwnd')\"></td></tr>\

</form></table>\

</div>";

div.innerHTML = html;

//设置一些必要属性

div.style.position = "absolute";

div.style.left =460+"px";

div.style.backgroundImage="url(images/4_r3_c4.gif)";

div.style.top = 190+"px";

div.style.height = 100+"px";

div.style.textAlign="right";

div.onmousedown = function() { top.event.cancelBubble=false;};

top.document.body.appendChild(div);

}

文本框:
图18.26 创建群的界面执行createGroupWnd()方法后，显示如图18.26所示的创建群的界面。

在两个文本框中分别输入群名称和群描述，单击“创建”按钮，依次执行客户端脚本方法createG()和调用服务器端createg.ashx程序完成创建群的操作。createG()和createg.ashx的代码如下：

//客户端请求创建一个群

function createG(gname,gnotes)

{

//构造url字符串

url = "createg.ashx?rnd="+10000*Math.random()+"&gname="+escape(gname)+"&gnotes= "+escape(gnotes);

//发出请求

Request.sendPOST(url, "", doSendMessageRes,true, doSendMessageFail);

//加载的提示

top.document.getElementById("friendwnd").innerHTML = "<br /><br /><br />正在提交请求,请稍后……";

}

//服务器端创建群（createg.ashx）的代码

<%@ WebHandler Language="C#" Class="createg" %>

using System;

using System.Web;

using MyChat;

public class createg : IHttpHandler, System.Web.SessionState.IRequiresSessionState

{

public void ProcessRequest(HttpContext context)

{

context.Response.ContentType = "text/plain";

string name = context.Server.UrlDecode(context.Request.QueryString["gname"]); //群名称

string notes = context.Server.UrlDecode(context.Request.QueryString["gnotes"]); //群介绍

string myname = System.Web.HttpContext.Current.User.Identity.Name

;//用户名

MyChat.Sql s = new MyChat.Sql();

//数据库中建一个群

s.ExecuteSql("insert [group] (name,ownername,notes) values ('" + name +

"','" + myname + "','" + notes + "')");

System.Data.SqlClient.SqlDataReader r = s.GetReader("select top(1)

id,[datetime] from [group] where ownername='" + myname + "' order by

[datetime] desc");

string gid = "0"; //得到创建那个群的id

if (r.Read()) gid = r["id"].ToString();

r.Close();

//群中插入用户

string sql = " insert [group_user](groupid,username) values (" + gid + ",'"

+ myname + "')";

s.ExecuteSql(sql);

}

public bool IsReusable

{

get

{

return false;

}

2．群的其他操作

在群聊天窗口（groupchat.aspx）的右下角有两个选项：邀请好友加入和退出该圈。运行效果如图18.27所示。当单击“邀请好友加入”链接时，程序调用客户端脚本方法createinvite Wnd()，该方法运行后显示如图18.28所示的一个信息输入框。

图18.27 群聊天窗口的右下角图18.28 邀请好友加入群的界面

其中createinviteWnd()方法是用来构造一个信息输入窗体的。代码如下：

// 显示邀请的窗口

function createInviteWnd()

{

var div = top.document.createElement("div");

div.id = "dwnd";

//字符串

var html = "<iframe id = 'friendmy' frameborder=0 style ='display:none' scrolling=no src=\"about:blank\"></iframe><img src=\"images/c.gif\" onclick=\"top. frames('chatqq').closeInfoWnd('dwnd');\">\

<div class=\"winTitle\" align='left'><br /> <form name=\"sendMsgForm\" ><span align='left'>被邀请者<input type=\"text\" id=\"gname\" name =\"gname\" ></input> </span> </div>\

<div class=\"winCont\" id=\"sendMsgBoxCont\">\

<table class=\"t_l\">\

<tr><td valign=\"top\">消息：</td>\

<td><textarea name=\"gnotes\" id =\"gnotes\" rows=\"\" cols=\"\" class=\"tArea1\"></textarea></td></tr>\

<tr><td> </td><td>\

</td>\

</tr>\

<tr><td></td><td><input type=\"button\" value=\"邀请\" onclick ='invite(";

html += "document.getElementById(\"gname\").value,document.getElementById (\"gnotes\").value);' class='button1' >  <input type=\"reset\" value=\"关闭\" class='button1' onclick=\"top.frames('chatqq').closeInfoWnd('dwnd')\"></td></tr>\

</form></table>\

</div>";

div.innerHTML = html;

//设置属性

div.style.position = "absolute";

div.style.left =360+"px";

div.style.backgroundImage="url(images/4_r3_c4.gif)";

div.style.top = 190+"px";

div.style.height = 150+"px";

div.style.textAlign="right"; //右对齐

div.onmousedown = function() { top.event.cancelBubble=false;};

top.document.body.appendChild(div);

}

在构造的信息输入窗体中输入被邀请者的账号和邀请消息后，单击“邀请”按钮，依次执行客户端方法invite()和调用服务器端invite.ashx文件完成邀请操作。邀请操作的实质就是向被邀请者发送一条消息，邀请其加入这个群。客户端方法invite()和服务器端文件invite.ashx的代码如下：

//邀请某人加入群

function invite(gname,gnotes)

{

//构造url

url = "invite. ashx?rnd=" +10000*Math. random()+"&gname= "+escape(gname)+" &gnotes= "+escape(gnotes);

//发出请求

Request.sendPOST(url, "", doSendMessageRes,true, doSendMessageFail);

}

//invite.ashx的代码

<%@ WebHandler Language="C#" Class="invite" %>

using System;

using System.Web;

using MyChat;

public class invite : IHttpHandler, System.Web.SessionState.IRequiresSessionState

{

public void ProcessRequest (HttpContext context) {

context.Response.ContentType = "text/plain";

string name = context.Server.UrlDecode(context.Request.QueryString["gname"]);

//被邀请者账号

string notes = context.Server.UrlDecode(context.Request.QueryString ["gnotes"]);

//邀请内容

improve im = new improve();

im.SendMsg(context, name, notes); //发出邀请

}

public bool IsReusable {

get{

return false;

}

“退出群”的操作比较简单。“退出群”执行的是一个服务器端按钮控件，单击该按钮后执行如下代码。在代码中，首先在群用户表中删除自身的这条记录，然后显示一些操作成功的客户端提示信息。

protected void Button1_Click(object sender, EventArgs e)

{

string gid = Request.QueryString["groupid"]; //群id

string sql = " delete [group_user] where username = '" + User.Identity.Name + "' and groupid=" + gid;

MyChat.Sql s = new MyChat.Sql();

s.ExecuteSql(sql); //自己退出这个群

//客户端提示操作成功

ClientScript.RegisterStartupScript(this.GetType(), "sde", "clearInterval (isdog);top.frames('chatqq').myAlert('您已经成功退出该群！！');var myt = document.get ElementById('myte').value;top.frames('chatqq').closeInfoWnd(myt);", true);

}

【查看所有评论(0)条】