<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. 在阿里云ECS上搭建LEMP环境

    在阿里云买ECS的时候选择自己习惯的镜像系统,我一般都是使用Linux Ubuntu,所以,以下的配置都是在Ubuntu 14.04稳定支持版的环境中搭建Linux+Nginx+Mysql+PHP环境 ...

  2. Apache commons-client authentication(授权)

    import org.apache.commons.httpclient.HttpClient; import org.apache.commons.httpclient.UsernamePasswo ...

  3. REDIS 字典数据结构

    对于REDIS来讲  其实就是一个字典结构,key ---->value  就是一个典型的字典结构 [当然  对于vaule来讲的话,有不同的内存组织结构 这是后话] 试想一个这样的存储场景: ...

  4. vs下 qt源码调试

    1.下载qt源码,我下载的是4.7.1版本 2.vs安装qt插件qt-add-in 3.进入qt根目录,打开configure文件,找到 QT_DEFAULT_BUILD_PARTS="li ...

  5. (原创)基于CloudStack的平安云-云主机的生命周期

    一.购买云主机1.条件筛选   涉及环境.应用系统.区域.网络.操作系统.套餐.期限.数量筛选2.校验   2.1 应用系统角色权限校验   2.2 应用系统可用配置校验   2.3 产品区域是否下架 ...

  6. devexpress xaf 开发中遇到的问题.

    devexpress xaf 开发中遇到的问题很多久了就忘记了.每天都把开发内容记录下来,方便大家,方便自己

  7. javascript学习笔记全记录

          js的初步了解     1.就是用来修改样式的,修改的是行内样式.任何样式都能够修改.     2.css里面怎么写js就怎么写.     3.任何元素都能加事件:事件都要小写 js的三大 ...

  8. Java第八周学习总结

    20145113第八周学习总结 第十五章学习内容 第15章比较琐碎,相对于之前章节也比较枯燥无味看了一部分,也动手敲了些 Logger logger = Logger.getLogger(" ...

  9. 个人项目(JUnit单元测试)

    ---恢复内容开始--- 一.             题目简介 这次的单元测试我选择作了一个基本运算的程序,该程序实现了加,减,乘,除,平方,倒数的运算,该程序进行测试比较的简单,对于初步接触JUn ...

  10. Map练习错误

    private Student findStuByNumber(String number) {              Student student=null ;       for(Stude ...