<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. 使用FlaycoBanner实现图片轮播效果(加载网络图片)

    FlaycoBanner是一个开源图片轮播框架,支持android2.2及以上: git地址:https://github.com/H07000223/FlycoBanner_Master 在andr ...

  2. 【LeetCode OJ】Maximum Depth of Binary Tree

    Problem Link: https://oj.leetcode.com/problems/maximum-depth-of-binary-tree/ Simply BFS from root an ...

  3. _crol_和_cror_函数

    “_crol_” 与“_cror_”其实就是左右循环代码,其具有程序代码简单执行效率高的优点! 是在单片机c语言编程中常用到的,变量=_crol_(变量名,移动位数),例如:P0=_crol_(P0, ...

  4. git 较基础命令

    还需要进一步了解git的组织形式: git clone *.git 下载下来以git方式管理 如果直接下载压缩包做不到 git branch 分支相关命令 git checkout 可以换分支 git ...

  5. CentOS7.1配置源

    现在网上最新的是CentOS7.1, 但是在配置国内流行的163源的时候,网上的文章大多数我这里都通不过. 错误信息大概是: One of the configured repositories fa ...

  6. .htaccess详解及.htaccess参数说明【转】

    目录(?)[-] htaccess 详解 htaccess rewrite 规则详细说明 RewriteEngine OnOff RewriteBase URL-path RewriteCond Te ...

  7. .net web端导出Excel个人的看法

    //对已有方法进行重写 public override void VerifyRenderingInServerForm(Control control) { } //设置文件名 string fil ...

  8. a标签不跳转

    <a href="javascript://">父级菜单</a> 结果是这种写法在一些浏览器下不能到达预期效果(无跳转),我没有花时间把这种写法在主流浏览器 ...

  9. jQuery设置元素attribute之特殊属性

    一般我们使用.attr()对某个dom元素设置attribute属性.今天在使用过程中发现在给input设置disabled属性为true时,最终元素disabled属性值解析成了disabled,并 ...

  10. Ecstore会员密码加密方式破解

    <?php //以下是加密方式,亲测有效 $string_md5 = md5(md5("密码")."用户名"."注册时间");//三个 ...