jquery weibo 留言
<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 留言的更多相关文章
- jquery背景动画插件使用
在网页制作动画特效的时候,有时候想通过背景插入图片,然后通过控制背景显示的位置来实现一些动画效果,这样就不用使用绝对定位控制left和top来实现动画效果!但是jquery本身的动画函数是不支持背景动 ...
- Python从入门到实践 学习笔记(二)元祖686gffs
列表是可以修改的,而不可变的列表被称为元组 . 定义 * 用圆括号来标识.定义元组后,使用索引来访问其元素,就像访问列表元素一样 修改变量 * 不能修改元组的元素,但可以给存储元组的变量赋值 修改元素 ...
- JQuery - 根据节点获取对应的id,可用于留言板
可以用于留言版的,点击展看和收起.显示评论等等功能. 效果: ----------------- html代码: JQuery代码:
- js进阶 12-16 jquery如何实现通过点击按钮和按下组合键两种方式提交留言
js进阶 12-16 jquery如何实现通过点击按钮和按下组合键两种方式提交留言 一.总结 一句话总结:实现按下组合键提交留言是通过给input加keydown事件,判断按键的键码来实现的. 1.如 ...
- LigerUi框架+jquery+ajax无刷新留言板系统的实现
前些天发布了LigerUi框架的增.删.改代码,一堆代码真的也没一张图片.有的网友推荐上图,所有今天把涉及到这个框架的开源的留言板共享给大家.在修改的过程中可能有些不足的地方希望大家拍砖. 因为留言板 ...
- JQuery - 留言之后,不重新加载数据,直接显示发表内容
留言板中,发表信息的时候,使用Ajax存储到后台数据库,如果存储成功,不重新加载数据库,直接显示发表内容. 代码: var Nicehng = ''; var kkimgpath = ''; var ...
- jQuery 留言表单验证
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 一个基本jquery的评论留言模块
<div class="productDiscuss"> <div class="title"><span class=" ...
- Angular杂谈系列1-如何在Angular2中使用jQuery及其插件
jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大 ...
随机推荐
- 关于ajax请求返回类型问题
昨天遇到一个问题,是关于请求到的json数据没有正确渲染,打开谷歌调试器里面的network中的response,看到的是正常返回的json数据,打开json.cn,复制返回的数据,也能正常解析,但是 ...
- Quartz定时调度配置
1. CronTrigger时间格式配置说明 CronTrigger配置格式: 格式: [秒] [分] [小时] [日] [月] [周] [年] 序号 说明 是否必填 允许填写的值 允许的通配符 ...
- 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 ...
- Chp10 10.7
<Java语言程序设计>P296 本章是关于对象的思考,主要是在研究面向对象的程序设计时类的设计,作业写得比较杂乱,构造方法时没有严格遵守类的流行设计风格,由于是作业,再加上比较简单,没有 ...
- Mac安装GitLab CE记录
0 REF REF1 原始的GitLab Documentation REF2 Installation-guide-for-GitLab-on-OS-X REF3 如何在Mac 终端升级ruby版本 ...
- LintCode MinStack
Implement a stack with min() function, which will return the smallest number in the stack. It should ...
- 使用navigator.geolocation来获取用户的地理位置信息
使用navigator.geolocation来获取用户的地理位置信息 W3C 中新添加了一个名为 Geolocation的 API 规范,Geoloaction API的作用就是通过浏览器获取用户的 ...
- 深入理解kmp中的next数组
next数组 1. 如果对于值k,已有p0 p1, ..., pk-1 = pj-k pj-k+1, ..., pj-1,相当于next[j] = k. 此意味着什么呢?究其本质,next[j] = ...
- JSP编译原理图解
- MIT JOS学习笔记03:kernel 02(2016.11.08)
未经许可谢绝以任何形式对本文内容进行转载! 本篇接着上一篇对kernel的分析. (5)pte_t * pgdir_walk(pde_t *pgdir, const void *va, int cre ...