chat.js

开发语言为Asp,服务器脚本为VBScript AJAX部分采用JQuery框架,功能代码均为原创 数据库暂时采用ACCESS

/*
By Anlige
http://www.ii-home.cn
[e-mail]
417833272
*/
var id1=0;
var id2=0;
var id3=0;
var scroll=true;
var lastMsg="";
var divIndex=0;
$(document).ready(function(){
	getMessage();
	showOnline();
	session();
    id1=window.setInterval("showOnline()",2000);
	id2=window.setInterval("getMessage()",1000);
	id3=window.setInterval("session()",5000);
});
$(document).click(function(){
		window.document.title="艾恩AJAX聊天室！"
});
$(document).keydown(function(e){
    if(e.keyCode==13){sendMessage();}
});

//滚动
function scrollB(){
    scroll= !scroll;
    $("#scro").attr("src",scroll?"img/stop.gif":"img/start.gif");
}

//获取聊天信息
function getMessage(){
	var sendUrl="rnd=" + Math.random();
	$.ajax({
 	type	: "post",
	async	: true,
 	url	: "getMessage.asp",
 	data	: sendUrl,
 	success	: function(msg){
 	        if(msg!=lastMsg){
 	            lastMsg=msg;
			    $("#content").html(msg);
			    window.document.title="【有新消息】-艾恩AJAX聊天室！";
			    play();
			    $("#span1").html("");
			}
			if(scroll){
			    $("#content").scrollTop(2000);
			}
		},
	error 	: function(){
			$("#span1").html("<img src='img/loading.gif' alt='' />");
		}
	}); 
	return true;
}

//发送信息
function sendMessage(obj){
	var sendUrl="";
	var towho=$("input[@name=stowho]").val();
	var fcolor=$("input[@name=sfcolor]").val();
	var fface=$("input[@name=slist]").val();
	var tomsg=$("input[@name=smess]").val();
	if(tomsg=="" && fface==""){showStip(obj,"表情和文字至少二选一哦！",10,-30);return false;}
	if(tomsg.length>250){showStip(obj,"聊天内容不能多余250字！",10,-30);return false;}
	sendUrl="towho=" + encodeURI(towho) + "&fcolor=" + encodeURI(fcolor) + "&fface=" + encodeURI(fface) + "&tomsg=" + encodeURI(tomsg) + "&rnd=" + encodeURI(Math.random());

	$.ajax({
 	type	: "post",
	async	: true,
 	url	    : "sendMessage.asp",
 	data	: sendUrl,
 	success	: function(msg){
			if(msg=="err"){
                showStip("usersinfo","您还没有登录,输入昵称开始登录吧!",50,-38);                
			}else if(msg=="fast"){
                showStip(obj,"您说话太快了,休息下吧!发言间隔为3秒哦！",10,-30); 			
			}else{
				showStip(obj,"发送成功！",10,-30); 
				$("input[@name=smess]").val("");
				$("#span1").html("");
				$("#stip").fadeOut();
			}
		},
	error 	: function(){
			$("#span1").html("<img src='img/loading.gif' alt='' />");
		}
	}); 
	$("input[@name=slist]").val("");
	$("input[@name=smess]").val("");
	return true;	
}

//登录
function login(){
	var username=$("input[@name=username]").val();
	if(username=="" || username==null){alert("您没有输入任何内容！");return false;}
	if(username.length>10){alert("昵称不超过10个字符!");return false;}
	var sendUrl="username=" + escape(username) + "&type=login&rnd=" + Math.random();
	var sessionValue="";
	$.ajax({
 	type	: "post",
	async	: true,
 	url 	: "login.asp",
 	data	: sendUrl,
 	success	: function(msg){
 	            if(msg=="yes"){
			        session();
			        showStip("Img2","您已经登录,有问题可以点帮助哦!",10,-30);
			        $("#span1").html("");
			    }else if(msg=="has"){
			        alert("请使用其他用户名!此用户名被系统保留或已经存在！");
			    }else if(msg=="space"){
			        alert("请输入用户名！");		    
			    }
		},
	error 	: function(){$("#span1").html("<img src='img/loading.gif' alt='' />");}
	}); 
}

//退出登录 
function logout(){
    if(!ask()){return false;}
	var sendUrl="type=logout&rnd=" + Math.random();
	$.ajax({
 	type	: "post",
	async	: true,
 	url 	: "login.asp",
 	data	: sendUrl,
 	success	: function(msg){
 	                session();
			        showStip("Img2","您已经成功退出聊天室!",10,-30);		    
		},
	error 	: function(){$("#span1").html("<img src='img/loading.gif' alt='' />");}
	}); 
}


//查看用户是否在线
function session(){
	var sendUrl="type=checkonline&rnd=" + Math.random();
	var sessionValue="";
	$.ajax({
 	type	: "post",
	async	: true,
 	url	    : "loadonline.asp",
 	data	: sendUrl,
 	success	: function(msg){
	            var online=msg;
	            if(online==""){
	            	$("#isonline").html("您未登录...");
	            	$("#usersinfo").fadeIn();
	            }else{
		            $("#isonline").html(online + " 已经登录!<a href='#' onclick='logout();'>退出聊天室</a>");
		            $("#usersinfo").hide();
	            }
	            sessionValue=msg;
		},
	error 	: function(){$("#span1").html("<img src='img/loading.gif' alt='' />");}
	}); 
	return sessionValue;
}

//设置对话对象
function setTo(user){
	$("input[@name=stowho]").val(user);
}

//显示在线用户名
function showOnline(){
    kickUser();
	var sendUrl="type=showonline&rnd=" + Math.random();
	$.ajax({
 	type	: "post",
	async	: true,
 	url	    : "loadonline.asp",
 	data	: sendUrl,
 	success	: function(msg){
			$("#user_online").html(msg);
			$("#span1").html("");
		},
	error 	: function(){$("#span1").html("<img src='img/loading.gif' alt='' />");}
	}); 
	return true;
}

//系统踢人
function kickUser(){
	var sendUrl="type=kickmuti&rnd=" + Math.random();
	$.ajax({
 	type	: "post",
	async	: true,
 	url 	: "online.asp",
 	data	: sendUrl,
 	success	: function(msg){
		},
	error 	: function(){$("#span1").html("<img src='img/loading.gif' alt='' />");}
	}); 
	return true;
}

//管理员踢人
function kickUserSingle(uname){
    if(!ask()){return false;}
	var sendUrl="type=kicksingle&username=" + escape(uname) + "&rnd=" + Math.random();
	$.ajax({
 	type	: "post",
	async	: true,
 	url 	: "online.asp",
 	data	: sendUrl,
 	success	: function(msg){
 	            if(msg=="noadmin"){
 	                showStip("Img2","对不起,您没有权限!",10,-30); 	            
 	            }
 	            if(msg=="yes"){
 	                showStip("Img2","成功踢出 " + uname + "!",10,-30);
 	            } 	            
		},
	error 	: function(){$("#span1").html("<img src='img/loading.gif' alt='' />");}
	}); 
	return true;
}

//管理员删除信息
function delMsg(id){
    if(!ask()){return false;}
	var sendUrl="type=delmsg&id=" + id + "&rnd=" + Math.random();
	$.ajax({
 	type	: "post",
	async	: true,
 	url 	: "online.asp",
 	data	: sendUrl,
 	success	: function(msg){
 	            if(msg=="noadmin"){
 	                showStip("Img2","对不起,您没有权限!",10,-30); 	            
 	            }
 	            if(msg=="yes"){
 	                showStip("Img2","成功删除信息!",10,-30);
 	            }
		},
	error 	: function(){$("#span1").html("<img src='img/loading.gif' alt='' />");}
	}); 
	return true;
}

//菜单
function showMenu(indexw,obj){
    var point=absolutePoint(obj);
    var ob=((indexw==0)?'#editor_color_menu':'#editor_face_menu');
    var cb=((indexw==0)?'#editor_face_menu':'#editor_color_menu');
    $(ob).css({'border':'1px #dddddd solid','background-color':'#ffffff'});
    if($(ob).is(':visible')){
        $(ob).fadeOut();
    }else{
        $(cb).fadeOut();
        $(ob).fadeIn();
        $(ob).css({"display":"block","left":point.x,"top":(point.y-parseInt($(ob).css('height'))-10)}); 
    }
}

//设置颜色
function setColor(obj){
    $('input[@name=sfcolor]').val($(obj).css('background-color'));
    $('#editor_color_menu').fadeOut();
    $("input[@name=smess]").focus()
}

//设置表情
function setFace(obj){
    $('input[@name=slist]').val($(obj).attr('src'));
    $('#editor_face_menu').fadeOut();
    $("input[@name=smess]").focus();
    showStip("talkface","已选择表情:<img src='" + $(obj).attr('src') + "' style='vertical-align:top;' alt='表情' />",0,-30);
}

//显示小提示
function showStip(target,txt,x,y){
    var obj=typeof target=="string" ?$$(target):target
    var point=absolutePoint(obj);
    $("#tit").html(txt);
    $("#stip").click(function(){$(this).fadeOut()});
    $("#stip").css({"cursor":"pointer","top":point.y+y,"left":point.x+x,"background":"url(img/images/2_2.gif) repeat-x"}).fadeIn("fast");
}

function play(){
   document.MediaPlayer1.play(); 
}

function Voice()
{
     document.MediaPlayer1.Mute = document.MediaPlayer1.Mute=="0"?"-1":"0";
     $("#Img1").attr("src",document.MediaPlayer1.Mute=="0"?"img/novioce.gif":"img/voice.gif");
}

function ask(){
    return window.confirm("确定要执行此操作吗?")?true:false
}