<script>
function getCnTime(s){
var oDate = new Date(s*);
return oDate.getFullYear()+'-'+toDou((oDate.getMonth()+))+'-'+toDou(oDate.getDate())+' '+toDou(oDate.getHours())+':'+toDou(oDate.getMinutes())+':'+toDou(oDate.getSeconds());
}
function toDou(n){
return n<?''+n:''+n;
}
$(function(){
var oSendBtn=$('#sendBtn');
var oTjText=$('#tjText');
var oMessList=$('#messList');
var url='weibo.php';
var iNow = ;
var oN=$('.noContent');
//创建留言
oSendBtn.on('click',function(){
$.ajax({
url:url,
data:{
act:'add',
content:oTjText.val()
},
cache:false,
success:function(str){
var json = eval('('+str+')');
if(!json.error){
var oDiv=createReply(json.id,oTjText.val(),,,json.time);
if(oMessList.children()){
oMessList.prepend($(oDiv));
}else{
$(oDiv).appendTo(oMessList);
}
if(oMessList.children().length>){
oMessList.children().eq(oMessList.children().length-).remove();
}
get_page_count();
} oTjText.val(''); }, error:function(){
alert('no');
}
});
});
//获取某页数据
function getPage(n){
$.ajax({
url:url,
data:{
act:'get',
page:n
},
cache:false,
success:function(str){
var arr = eval('('+str+')');
oMessList.html('');
$.each(arr,function(index){
var oDiv = createReply(arr[index].id,arr[index].content,arr[index].acc,arr[index].ref,arr[index].time);
$(oDiv).appendTo(oMessList);
})
},
error:function(){
alert('no');
}
});
if(n>){
oN.css({display:'none'});
}else{
oN.css({display:'block'});
}
}
//获取页数
var oPage=$('#page');
function get_page_count(){
$.ajax({
url:url,
data:{
act:'get_page_count'
},
cache:false,
success:function(str){
oPage.html('');
var json = eval('('+str+')');
for(var i =;i<json.count;i++){
var oA = document.createElement('a');
oA.innerHTML = i+;
oA.href = 'javascript:;';
oPage[].appendChild(oA);
if(i == iNow-){
oA.className = 'active';
}
$(oA).on('click',function(){
$.each(oPage.children(),function(index){
oPage.children().eq(index).removeClass('active');
});
$(this).addClass('active');
iNow=$(this).html();
getPage(iNow);
});
}
},
error:function(){
alert('no');
}
});
}
getPage();
//创建一条留言
function createReply(id,content,acc,ref,time){
var oDiv=document.createElement('div');
$(oDiv).addClass('reply');
var str=
'<p class="replyContent">'+content+'</p>'+
'<p class="operation">'+
'<span class="replyTime">'+getCnTime(time)+'</span>'+
'<span class="handle">'+
'<a href="javascript:;" class="top">'+acc+'</a>'+
'<a href="javascript:;" class="down_icon">'+ref+'</a>'+
'<a href="javascript:;" class="cut">删除</a>'+
'</span>'+
'</p>';
$(oDiv).html(str);
//删除
var oDel=$(oDiv).children().eq().children().eq().children().eq();
oDel.on('click',function(){
$.ajax({
url:url,
data:{
act:'del',
id:id
},
cache:false,
success:function(str){
var json = eval('('+str+')');
if(!json.error){
var boo=window.confirm('确定删除吗?');
if(boo){
oDiv.remove();
get_page_count();
getPage(iNow);
} }
}
});
});
//顶
var oAcc=$(oDiv).children().eq().children().eq().children().eq();
oAcc.on('click',function(){
if(!localStorage['acc'+id]){
$.ajax({
url:url,
data:{
act:'acc',
id:id
},
cache:false,
success:function(str){
var json = eval('('+str+')');
if(!json.error){
alert('顶成功');
oAcc.html(parseInt(oAcc.html())+);
localStorage['acc'+id]=;
// setCookie('acc'+id,1,1);可用cookie做
}
}
});
}else{
alert('一天只能一次');
} });
//踩
var oRef=$(oDiv).children().eq().children().eq().children().eq();
oRef.on('click',function(){
if(!localStorage['ref'+id]){
$.ajax({
url:url,
data:{
act:'ref',
id:id
},
cache:false,
success:function(str){
var json = eval('('+str+')');
if(!json.error){
alert('踩成功');
oRef.html(parseInt(parseInt(oRef.html())+));
localStorage['ref'+id]=;
}
}
});
}else{
alert('您来过了');
}
});
return oDiv;
}
get_page_count();
});

jquery weibo 留言的更多相关文章

  1. jquery背景动画插件使用

    在网页制作动画特效的时候,有时候想通过背景插入图片,然后通过控制背景显示的位置来实现一些动画效果,这样就不用使用绝对定位控制left和top来实现动画效果!但是jquery本身的动画函数是不支持背景动 ...

  2. Python从入门到实践 学习笔记(二)元祖686gffs

    列表是可以修改的,而不可变的列表被称为元组 . 定义 * 用圆括号来标识.定义元组后,使用索引来访问其元素,就像访问列表元素一样 修改变量 * 不能修改元组的元素,但可以给存储元组的变量赋值 修改元素 ...

  3. JQuery - 根据节点获取对应的id,可用于留言板

    可以用于留言版的,点击展看和收起.显示评论等等功能. 效果: ----------------- html代码: JQuery代码:

  4. js进阶 12-16 jquery如何实现通过点击按钮和按下组合键两种方式提交留言

    js进阶 12-16 jquery如何实现通过点击按钮和按下组合键两种方式提交留言 一.总结 一句话总结:实现按下组合键提交留言是通过给input加keydown事件,判断按键的键码来实现的. 1.如 ...

  5. LigerUi框架+jquery+ajax无刷新留言板系统的实现

    前些天发布了LigerUi框架的增.删.改代码,一堆代码真的也没一张图片.有的网友推荐上图,所有今天把涉及到这个框架的开源的留言板共享给大家.在修改的过程中可能有些不足的地方希望大家拍砖. 因为留言板 ...

  6. JQuery - 留言之后,不重新加载数据,直接显示发表内容

    留言板中,发表信息的时候,使用Ajax存储到后台数据库,如果存储成功,不重新加载数据库,直接显示发表内容. 代码: var Nicehng = ''; var kkimgpath = ''; var ...

  7. jQuery 留言表单验证

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. 一个基本jquery的评论留言模块

    <div class="productDiscuss"> <div class="title"><span class=" ...

  9. Angular杂谈系列1-如何在Angular2中使用jQuery及其插件

    jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大 ...

随机推荐

  1. 关于ajax请求返回类型问题

    昨天遇到一个问题,是关于请求到的json数据没有正确渲染,打开谷歌调试器里面的network中的response,看到的是正常返回的json数据,打开json.cn,复制返回的数据,也能正常解析,但是 ...

  2. Quartz定时调度配置

    1.   CronTrigger时间格式配置说明 CronTrigger配置格式: 格式: [秒] [分] [小时] [日] [月] [周] [年] 序号 说明 是否必填 允许填写的值 允许的通配符 ...

  3. How to do code coverage test for windows service

    First, instrument the exe or dll by command vsinstr -coverage the dll/exe second, start the performa ...

  4. Chp10 10.7

    <Java语言程序设计>P296 本章是关于对象的思考,主要是在研究面向对象的程序设计时类的设计,作业写得比较杂乱,构造方法时没有严格遵守类的流行设计风格,由于是作业,再加上比较简单,没有 ...

  5. Mac安装GitLab CE记录

    0 REF REF1 原始的GitLab Documentation REF2 Installation-guide-for-GitLab-on-OS-X REF3 如何在Mac 终端升级ruby版本 ...

  6. LintCode MinStack

    Implement a stack with min() function, which will return the smallest number in the stack. It should ...

  7. 使用navigator.geolocation来获取用户的地理位置信息

    使用navigator.geolocation来获取用户的地理位置信息 W3C 中新添加了一个名为 Geolocation的 API 规范,Geoloaction API的作用就是通过浏览器获取用户的 ...

  8. 深入理解kmp中的next数组

    next数组 1. 如果对于值k,已有p0 p1, ..., pk-1 = pj-k pj-k+1, ..., pj-1,相当于next[j] = k. 此意味着什么呢?究其本质,next[j] = ...

  9. JSP编译原理图解

  10. MIT JOS学习笔记03:kernel 02(2016.11.08)

    未经许可谢绝以任何形式对本文内容进行转载! 本篇接着上一篇对kernel的分析. (5)pte_t * pgdir_walk(pde_t *pgdir, const void *va, int cre ...