You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

116 lines
3.2 KiB
HTML

5 years ago
<extend name="Public/base" />
<block name="body">
<div class="main-place">
<span class="main-placetitle">位置</span>
<ul class="main-placeul">
<li><a href="{:U('Model/index')}">系统</a></li>
<li><a href="{:U('Model/index')}">系统设置</a></li>
<li><a href="#">{$meta_title}</a></li>
</ul>
<div class="main-jump">
<a href="{:U('index',array('pid'=>I('pid')))}">返回列表</a>
</div>
</div>
<div class="sort box_mt sort_list">
<form action="{:U('sort')}" method="post">
<div class="sort_center">
<div class="sort_option">
<select value="" size="8">
<volist name="list" id="vo">
<option class="ids" title="{$vo.title}" value="{$vo.id}">{$vo.title}</option>
</volist>
</select>
</div>
<div class="sort_btn">
<button class="top " type="button">第 一</button>
<button class="up " type="button">上 移</button>
<button class="down " type="button">下 移</button>
<button class="bottom " type="button">最 后</button>
</div>
</div>
<div class="sort_bottom">
<input type="hidden" name="ids">
<button class="sort_confirm submit_btn" type="button">确 定</button>&nbsp;
<button class="sort_cancel back_btn" type="button" url="{:U('index',array('pid'=>I('pid')))}">返 回</button>
</div>
</form>
</div>
</block>
<block name="script">
<script type="text/javascript">
//导航高亮
highlight_subnav('{:U('Channel/index')}');
$(function(){
sort();
$(".top").click(function(){
rest();
$("option:selected").prependTo("select");
sort();
})
$(".bottom").click(function(){
rest();
$("option:selected").appendTo("select");
sort();
})
$(".up").click(function(){
rest();
$("option:selected").after($("option:selected").prev());
sort();
})
$(".down").click(function(){
rest();
$("option:selected").before($("option:selected").next());
sort();
})
$(".search").click(function(){
var v = $("input").val();
$("option:contains("+v+")").attr('selected','selected');
})
function sort(){
$('option').text(function(){return ($(this).index()+1)+'.'+$(this).text()});
}
//重置所有option文字。
function rest(){
$('option').text(function(){
return $(this).text().split('.')[1]
});
}
//获取排序并提交
$('.sort_confirm').click(function(){
var arr = new Array();
$('.ids').each(function(){
arr.push($(this).val());
});
$('input[name=ids]').val(arr.join(','));
$.post(
$('form').attr('action'),
{
'ids' : arr.join(',')
},
function(data){
if (data.status) {
updateAlert(data.info + ' 页面即将自动跳转~','alert-success');
}else{
updateAlert(data.info,'alert-success');
}
setTimeout(function(){
if (data.status) {
$('.sort_cancel').click();
}
},1500);
},
'json'
);
});
//点击取消按钮
$('.sort_cancel').click(function(){
window.location.href = $(this).attr('url');
});
})
</script>
</block>