帝国cms是一款安全、高效、优秀的内容管理系统。但在后台编辑的时候,如果有几百几千个栏目和子栏目,找个栏目老费神了。本插件简单修改源代码,方便后台编辑快速选择栏目,点击后栏目维持高亮显示。
1.建立一个js文件
位置:你网站的任意位置都可以。我们约定建在这个地方:/e/extend/jhclanmu/
文件名:jhclanmu.js
引用方式:
<script type="text/javascript" src="/e/extend/jhclanmu/jhclanmu.js"></script>
2. js里的代码
if(!(window.jQuery)) {
var s = document.createElement('script');
var protocolStr = document.location.protocol;
s.setAttribute('src', protocolStr+'//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js');
s.setAttribute('type', 'text/javascript');
document.getElementsByTagName('head')[0].appendChild(s); } if(window.addEventListener){window.addEventListener("load",jhclanmu,false);}else{window.attachEvent("onload",jhclanmu);}
function jhclanmu(){
$(function(){
$('table').eq(0).css('margin-bottom','10px');
$('table').eq(0).append('<tr height=20><td colspan="2" ><input id="dingwei" type="tet" value="" title="快速定位栏目"/></td> </tr>');
$('td>a').on('click',function(){
$('td>a').css('background-color','#ffffff');
$(this).css('background-color','green'); });
$('#dingwei').on('keyup',function(){ // console.log($(this).val()); if($(this).val().trim()==''){
$('table').eq(1).find('td').show()
; return true; } $('tr[id*=item]').each(function(){ if($(this).text().indexOf($('#dingwei').val())!=-1){
$(this).show();
}else
{ $(this).hide();
} });
$('td.file').each(function(i,n){
if($(this).text().indexOf($('#dingwei').val())!=-1){
$(this).show();
}else{
$(this).hide();
}
});
});
}); }
3.在何处引用这个js?
打开e/admin/ListEnews.php文件,在</head>之前,添加:
<script type="text/javascript" src="/e/extend/jhclanmu/jhclanmu.js"></script>
4.效果
4.1点击栏目后,维持高亮。
4.2快速定位栏目,输入关键字后,显示含有关键字的栏目,隐藏不含有的栏目。
备注: 如果有问题,可以直接引用我网站的js代码,正常后再把js本地化即可。引用地址
<script type="text/javascript" src="http://www.zhongyf.com/e/extend/jhclanmu/jhclanmu.js"></script>