<body>
<table class="" width="" cellspacing="" >
<tr>
<td>排序</td>
</tr>
<tr align="center" id='{$i["id"]}'> <!---这里的 id='{$i["id"]}' 因为我是用了smarty模板所以这么写的 '{$i["id"]}' 取得是数据库的id值 如果用了别的字段或者模板的话,请更正。-->
<td><a class="up" style="cursor:pointer">上移</a></td>
<td><a class="down" style="cursor:pointer">下移</a></td>
<td><a class="top" style="cursor:pointer">置顶</a></td>
</tr>
</table>
</body>
{literal}
<script language="JavaScript" type="text/javascript">
$(function(){
var $up = $(".up")
$up.click(function() {
var $tr = $(this).parents("tr");
if ($tr.index() != 0) {
$tr.fadeOut().fadeIn();
$tr_pre = $tr.prev();
$tr_pre.before($tr);
id_from = $tr.attr("id");
id_to = $tr_pre.attr("id");
if(id_from && id_to){
$.post("server.php", {"from":id_from, "to":id_to}, function(data){
alert(data);
});
}
}
});
var $down = $(".down");
var len = $down.length;
$down.click(function() {
var $tr = $(this).parents("tr");
if ($tr.index() != len - 1) {
$tr.fadeOut().fadeIn();
$tr_next = $tr.next();
$tr_next.after($tr);
id_from = $tr.attr("id");
id_to = $tr_next.attr("id");
if(id_from && id_to){
$.post("server.php", {"from":id_from, "to":id_to}, function(data){
alert(data);
});
}
}
});
var $top = $(".top");
$top.click(function(){
var $tr = $(this).parents("tr");
$tr.fadeOut().fadeIn();
$(".table").prepend($tr);
$tr.css("color","#f60");
});
});
</script>
{/literal}
<!--------------------------------------------------------万恶的分界线-------------------------------!>
//server.php
//ajax后台提交页面
<?php
include "connection.php";//连接数据库页面
$data = array(
"from" => $_POST["from"],
"to" => $_POST["to"],
);
print_r($data);
$sql = "update `数据表` set id=0 where id=".$_POST["to"];//将移动的id改为0 id=0在数据库是没有的
mysql_query($sql,$con);
$sql = "update `数据表` set id=".$_POST["to"]." where id=".$_POST["from"];//将被移动的id 改为移动的id
mysql_query($sql,$con);
$sql = "update `数据表` set id=".$_POST["from"]." where id=0";//将id=0 的改为被移动的id
mysql_query($sql,$con);
//就是这样了,置顶我没有做 置顶就是id改为1, 如果用别的专门的字段排序 改id为那个字段就可以了
?>
jQuery实现列表上下移动置顶+带入数据库文件
1星 需积分: 50 153 浏览量
2015-10-15
11:35:41
上传
评论
收藏 1KB RAR 举报
Sjx_sir
- 粉丝: 1
- 资源: 12
最新资源
- 41小时全新华为HCIA-datacom认证课程 数据通信的深度探索 华为数据通信深度探索
- Flutter实践工程自动化!深度研究与实 高级Logic iOS Flutter逻辑开发与引擎源码
- 基于matlab实现DICM程序,包含数字图像相关算法的全部流程,可用于位移和应变的检测.rar
- 基于matlab实现CPP该代码在ncorr数字图像相关代码的基础上,对应变云的色彩效果进行了改进,并添加了应变注释 .rar
- HCIP-security中高级认证课程 腾科华为全技术力作 打造全方位安全专业培训班
- 基于matlab实现读取由数字图像相关(DIC)软件MatchId生成的 csv矩阵输出.rar
- 基于matlab实现二维数字图像相关算法,可实现亚像素精度的匹配和应变测量.rar
- H11-332RGB/5M LED灯珠发光二极管
- 基于STM32F103C8T6、ESP8266WiFI、Onenet云端、安卓APP的智能灯光控制系统
- 基于matlab实现两幅图像中有重叠部分,通过数字图像相关算法可以找到两幅图像相同的点.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈