天天看点

简单聊天室部分代码

?

<?php

include 'checkUser.php';

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<!-- TemplateBeginEditable name="doctitle" -->

<title>????棰???妗?lt;/title>

<style>

#chatContent{

width:500px;

height:300px;

background-color:#FFFF99;

text-align:left;

overflow:scroll;

}

table{

margin:auto auto;

background-color:#999999;

}

td,tr{

border:#CC0000 1px solid;

text-align:center;

}

#send_btn{

width:65px;

height:65px;

color:#0000FF;

}

#sp{font-size:14px;}

</style>

<script language="javascript" type="text/javascript" src="include/ajaxUtil.js"></script>

<script language="javascript" type="text/javascript">

//?????ㄦ?疯?寸????瀹? function sendMsg(){

var url="sendMsg.php";

var params="nr="+encodeURI($$('sendMsg').value)+"&lis="+encodeURI($$('onlineuser').value)+"&name="+"<?php echo $_SESSION["username"];?>";

get(url,params,processSendMsg);

}

function processSendMsg(xhr){

?if(xhr.responseText){

??$$('sendMsg').value="";

??}else{

???alert("????澶辫触锛?");

???}

?}

var maxid=0;

//?峰????瀹癸?骞朵??剧ず?烘?? function getContent(){

?var url="getContent.php";

?var params="maxid="+maxid;

?get(url,params,processGetContent);

}

function processGetContent(xhr){

?//??json?煎???瀛?绗?覆杞???涓哄?硅薄

?var rows=eval("("+xhr.responseText+")");

?var conStr="";

?for(var i=0;i<rows.length;i++){

??

??conStr+="&nbsp;<span id='sp'><b><font color='red'>"+rows[i].speaker+"</font></b>&nbsp;["+rows[i].theip+"]&nbsp;??amp;nbsp;"+rows[i].create_time+"&nbsp;璇达?</span><br>&nbsp;&nbsp;"+rows[i].content+"<br>";

??maxid=parseInt(rows[i].id);

?}

?//????澶х??id?艰??肩?maxid

?//maxid=rows[i].id;

?//灏???瀹规?剧ず??iv涓?

?$$("chatContent").innerHTML=conStr;

}

setInterval("getContent()",20);

</script>

</head>

<body>

<table width="300" >

<caption>ajax+json+php+js+dom+mysql瀹??拌??澶╁??lt;br></caption>

? <tr>

??? <td>娆㈣? <?php echo $_SESSION['username']; ?>锛?杩??ヨ??澶╁??lt;/td>

??? <td>?ㄧ嚎?ㄦ?峰??琛?lt;/td>

? </tr>

? <tr>

??? <td><div id="chatContent"></div></td>

??? <td><select id="onlineuser" size="20" style="width:100px;">

?<option>????浜?lt;/option>

?<option>??绌?lt;/option>

?<option>????</option>

?<option>娌???lt;/option>

?<option>瑙???lt;/option>

?<option>????lt;/option>

?</select>

?</td>

? </tr>

? <tr>

??? <td>&nbsp;</td>

??? <td>&nbsp;</td>

? </tr>

? <tr>

??? <td><textarea name="sendMsg" cols="59" rows="3" id="sendMsg"></textarea></td>

??? <td><input type="button" value="????" id="send_btn" 慰nclick="sendMsg()" /></td>

? </tr>

</table>

</body>

继续阅读