<extend name="Public/base" /> <block name="body"> <div class="cf main-place top_nav_list navtab_list"> {:W('Index/navigation',array('value'=>'Site/channel','compare'=>'Channel/index'))} <h3 class="page_title">排序</h3> <p class="description_text"></p> </div> <div class="sort box_mt sort_list tabcon1711 tabcon17112"> <form action="{:U('sort')}" method="post"> <table border="0" cellspacing="0" cellpadding="0" style="width:100%;"> <tbody> <tr><td> <div class="sort_center"> <div class="sort_option"> <select value="" size="10" style="height:auto;"> <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></td> </tr> </tbody> </table> <div class="sort_bottom"> <input type="hidden" name="ids"> <button class="sort_confirm submit_btn" type="button">确 定</button> <button class="sort_cancel submit_btn" type="button" url="{:U('index',array('pid'=>I('pid')))}">返 回</button> </div> </form> </div> <div class="common_settings"> <span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span> <form class="addShortcutIcon"> <input type="hidden" name="title" value="{$m_title}"> <input type="hidden" name="url" value="Site/channel"> </form> <a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a> </div> </block> <block name="script"> <script type="text/javascript"> //导航高亮 highlight_subnav('{:U('Site/channel')}'); $(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>