| 发表于：2007-08-07 17:54:157楼 得分:0 |
<!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> <title>
留言版
</title> <link href= "images/css.css " rel= "stylesheet " type= "text/css " />
<script language= "javascript " type= "text/javascript ">
function seedmsg（)
{//发送信息
var qq = document.getelementbyid（ 'qq ');
var email = document.getelementbyid（ 'email ');
var name = document.getelementbyid（ 'name ');
var title = document.getelementbyid（ 'title ');
var text = document.getelementbyid（ 'text ');
document.getelementbyid（ 'tem ').style.display = "inline ";
message.strmessageseed（qq.value,email.value,name.value,title.value,text.value,is_backcall);
}
function is_backcall（res)
{//返回值判断是否成功
var bret = res.value;
if（bret == 0)
{
settimeout（ "loadmessage（1) ",0);
document.getelementbyid（ 'qq ').value= " ";
document.getelementbyid（ 'email ').value= " ";
document.getelementbyid（ 'name ').value= " ";
document.getelementbyid（ 'title ').value= " ";
document.getelementbyid（ 'text ').value= " ";
document.getelementbyid（ 'tem ').style.display = "none ";
}
else if（bret == 1)
{
}
}
var perpage = 5;//定义每页显示数目
function loadmessage（pagenumber)
{
document.getelementbyid（ 'tem ').style.display = "inline ";
message.pagelist1（perpage,pagenumber,islist_backcall);
}
function islist_backcall（res)
{
var ds = res.value;
var strhtml;
//取得表的行数
var ilen = ds.tables[0].rows.length;
var strhtml = " <div align= 'left '> ";
if（ilen != 0)
{
//循环遍历表的每一行构造table
for（i=0;i <ilen;i++)
{//ds.tables[0].rows[i].letter_time.tolocalestring（)
//构造显示数据的table 且表头
strhtml += " <table style= 'width: 500px; '> ";
strhtml += " <tr> <td bgcolor=#e8edf4> 标题： "+ds.tables[0].rows[i].title+ " </td> </tr> ";
strhtml += " <tr> <td bgcolor=#efefef> qq： "+ds.tables[0].rows[i].qq+ " email： "+ds.tables[0].rows[i].email+ " </td> </tr> ";
strhtml += " <tr> <td bgcolor=#efefef> 作者： "+ds.tables[0].rows[i].name+ " 留言时间： "+ds.tables[0].rows[i].datatime.tolocalestring（)+ " </td> </tr> ";
strhtml += " <tr> <td bgcolor=#efefef> <a id= 'chakan ' align= 'center ' style= 'cursor:hand;color:red ' onclick= 'displayall（); '> 查看内容 </a> <br/> <div id= 'all ' style= 'display:none '> "+ds.tables[0].rows[i].content+ " </div> </td> </tr> ";
strhtml += " </table> ";
}
strhtml += " </div> ";
}
document.getelementbyid（ 'content ').innerhtml = strhtml;
settimeout（ "currentpagecount（) ",0);
}
function currentpagecount（)
{//获取记录总数
message.initpagelistcount（1,is_currentpagebackcall);
}
function is_currentpagebackcall（res)
{
var ilen = res.value;//记录总数
var strhtml= "总共 "+ilen+ "条留言信息! <br/> ";
for（i=1;i <ilen/perpage+1;i++)
{
strhtml += " <a href= 'javascript:loadmessage（ "+i+ ") '> [ "+i+ "] </a> ";
}
document.getelementbyid（ 'pagecount ').innerhtml = strhtml;
document.getelementbyid（ 'tem ').style.display = "none ";
}
function displaymsg（)
{
var msg = document.getelementbyid（ 'seedmsg ');
if（msg.style.display == "none ")
{
msg.style.display = "inline ";
}
else if（msg.style.display == "inline ")
{
msg.style.display = "none ";
}
}
function displayall（)
{
var all =document.getelementbyid（ 'all ');
var chakan = document.getelementbyid（ 'chakan ');
chakan.innertext = "关闭内容 ";
if（all.style.display == "none ")
{
all.style.display = "inline ";
chakan.innertext= "关闭内容 ";
}
else if（all.style.display == "inline ")
{
all.style.display = "none ";
chakan.innertext= "查看内容 ";
}
}
</script>
</head>
<body onload= "loadmessage（1); ">
<form name= "form1 " method= "post " action= "message.aspx " id= "form1 ">
<div>
<input type= "hidden " name= "__viewstate " id= "__viewstate " value= "/wepdwullte0mdkxnzywndnkzfytvqxyuisjx+jfrfmx7s/hy+eq " />
</div>
<script type= "text/javascript " src= "/ajaxpro/core.ashx "> </script>
<script type= "text/javascript " src= "/ajaxpro/message,app_web_urxmute8.ashx "> </script>
<div align= "center ">
<table style= 'width: 500px; '>
<tr>
<td align= "center ">
<table style= 'width: 500px; '>
<tr>
<td>
<div id= "content ">
主要显示内容 </div>
</td>
</tr>
<tr>
<td>
<div id= "pagecount ">
分页按钮 </div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align= "left ">
<div align= "center "> <a onclick= "displaymsg（); " style= "cursor:hand "> === 给我留言 === </a> </div>
<div id= "seedmsg " style= "display:none ">
<table style= 'width: 500px; '>
<tr>
<td>
qq:
<input id= "qq " type= "text " style= "width: 450px " class= "textbox " maxlength= "50 " />
</td>
</tr>
<tr>
<td> email: <input id= "email " type= "text " style= "width: 450px " class= "textbox " maxlength= "50 " />
</td>
</tr>
<tr>
<td> 作 者: <input id= "name " type= "text " style= "width: 450px " class= "textbox " maxlength= "50 " />
</td>
</tr>
<tr>
<td> 标 题: <input id= "title " type= "text " style= "width: 450px " class= "textbox " maxlength= "255 " />
</td>
</tr>
<tr>
<td> 内 容: <textarea id= "text " cols= "20 " rows= "2 " style= "width: 450px; height: 150px " class= "textbox "> </textarea>
</td>
</tr>
<tr>
<td align= "center "> <input id= "button1 " type= "button " onclick= "seedmsg（) " value= " 发送留言 " />
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<p id= "tem " align= "center " style= "display:none;position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px; ">
<img src= "images/load.gif " /> </p>
</div>
</form>
</body>
</html>
这是我用ajaxpro框架做着玩的留言版 参考下 | | |
|
