?
<?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+=" <span id='sp'><b><font color='red'>"+rows[i].speaker+"</font></b> ["+rows[i].theip+"] ??amp;nbsp;"+rows[i].create_time+" 璇達?</span><br> "+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> </td>
??? <td> </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>