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去做前端,因为它太好用了,我们以前做的东西大 ...
随机推荐
- blog已搬迁
All blogs are moved to my currently-used site: http://jianlu.github.io/
- 第三章Git使用入门--读书笔记
“管理”一词,几乎在生活的方方面面都存在,而在Linux驱动开发中会涉及很多的源代码,对于数量繁多的源码,我们也应该有一个管理软件.Android和Linux内核及驱动开发的源代码基本都是由Git 来 ...
- ios网络知识
http://www.cocoachina.com/bbs/read.php?tid-31300.html 启蒙内容 http://blog.csdn.net/nono_love_lilith/ar ...
- OGRE 1.9 的第一个程序(OGRE HelloWorld程序)
平台:win7, VS2010 先看运行结果吧: 1. 安装OGRE 下载OGRE SDK 1.9,解压,放在你喜欢的地方,在OGRE SDK文件加下创建“OGRE_HOME.bat.bat”文本文件 ...
- hibernate一级缓存
理解 Hibernate 一级缓存 Hibernate 一级缓存默认是打开,不需要任何的配置.实际上,你无法强制禁止它的使用. 如果你理解了一级缓存实际上和会话是关联的,就很容易理解一级缓存.总所周知 ...
- SQL_Server_2008修改sa密码的方法
转载自:http://blog.csdn.net/templar1000/article/details/20211191 1. 先用Window身份验证方式登陆进去,选择数据库实例,右键选择属性—— ...
- PHP--------TP中的ajax请求
PHP--------TP中的ajax请求 以jQuery中的ajax为例: (1)引入jQuery 通过模板替换表示路径,我们可以自定义模板替换变量(在config中定义) /*自定义模板替换标签* ...
- jquery时间控件datepicker
配置文件 $("#joinedTime").datepicker({ inline: true, yearRange: "1996:2016", showBut ...
- Html菜鸡大杂烩
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- Oracle数据库导入导出命令总结
Oracle数据导入导出imp/exp就相当于oracle数据还原与备份.exp命令可以把数据从远程数据库服务器导出到本地的dmp文件,imp命令可以把dmp文件从本地导入到远处的数据库服务器中.利用 ...