bnbweb/admin/templates/menu.htm

558 lines
15 KiB
HTML
Raw Permalink Normal View History

2022-11-14 15:49:28 +00:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ECSHOP Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/general.css" rel="stylesheet" type="text/css" />
<script language="JavaScript">
<!--
var noHelp = "<p align='center' style='color: #666'>{$lang.no_help}</p>";
var helpLang = "{$help_lang}";
//-->
</script>
{literal}
<style type="text/css">
body {
background: #212121;
}
#tabbar-div {
padding-left: 10px;
height: 34px;
padding-top: 0px;
background:#303030;
}
#tabbar-div p {
margin: 1px 0 0 0;
}
.tab-front {
line-height: 33px;
font-weight: bold;
padding: 4px 15px 4px 18px;
cursor: hand;
cursor: pointer; font-size:14px; font-family:"微软雅黑"; color:#fff;
}
.tab-back {
color: #F4FAFB;
line-height: 20px;
padding: 4px 15px 4px 18px;
cursor: hand;
cursor: pointer;
}
.tab-hover {
color: #F4FAFB;
line-height: 20px;
padding: 4px 15px 4px 18px;
cursor: hand;
cursor: pointer;
background: #2F9DB5;
}
#top-div
{
padding: 3px 0 2px;
background: #BBDDE5;
margin: 5px;
text-align: center;
}
#main-div {
}
#menu-list {
padding: 0;
margin: 0;
}
#menu-list ul {
padding: 0;
margin: 0;
list-style-type: none;
color: #335B64;
}
#menu-list li {
cursor: hand;
cursor: pointer;
}
#menu-list li:hover{ background-color:#454545;}
#menu-list li.collapse ul{}
#menu-list li span {
font-size:14px;padding: 0px 12px; color:#FFF;
}
.collapse, .explode{
display: block;
border-top: #7f7f7f 1px solid;width:100%; color:#FFF; line-height: 42px; text-align:left;}
#main-div a:visited, #menu-list a:link, #menu-list a:hover {
color: #666
text-decoration: none;
}
#menu-list a:active {
color: #fff;
}
.collapse , .explode {
text-indent:40px;
}
.ico_1{ background:#575757 url(images/menu_1.png) 9px 0 no-repeat ; }
.ico_2{ background:#575757 url(images/menu_2.png) 9px 0 no-repeat ; }
.ico_3{ background:#575757 url(images/menu_3.png) 9px 0 no-repeat ; }
.ico_4{ background:#575757 url(images/menu_4.png) 9px 0 no-repeat ; }
.ico_5{ background:#575757 url(images/menu_5.png) 9px 0 no-repeat ; }
.ico_6{ background:#575757 url(images/menu_6.png) 9px 0 no-repeat ; }
.ico_7{ background:#575757 url(images/menu_7.png) 9px 0 no-repeat ; }
.ico_8{ background:#575757 url(images/menu_8.png) 9px 0 no-repeat ; }
.ico_9{ background:#575757 url(images/menu_9.png) 9px 0 no-repeat ; }
.ico_10{ background:#575757 url(images/menu_10.png) 9px 0 no-repeat ; }
.ico_11{ background:#575757 url(images/menu_11.png) 9px 0 no-repeat ; }
.ico_12{ background:#575757 url(images/menu_12.png) 9px 0 no-repeat ; }
.ico_13{ background:#575757 url(images/menu_13.png) 9px 0 no-repeat ; }
.ico_14{ background:#575757 url(images/menu_14.png) 9px 0 no-repeat ; }
.ico_15{ background:#575757 url(images/menu_15.png) 9px 0 no-repeat ; }
.ico_16{ background:#575757 url(images/menu_16.png) 9px 0 no-repeat ; }
.ico2_1{ background:#454545 url(images/menu1_1.png) 9px 0px no-repeat ; }
.ico2_2{ background:#454545 url(images/menu1_2.png) 9px 0px no-repeat ; }
.ico2_3{ background:#454545 url(images/menu1_3.png) 9px 0px no-repeat ; }
.ico2_4{ background:#454545 url(images/menu1_4.png) 9px 0px no-repeat ; }
.ico2_5{ background:#454545 url(images/menu1_5.png) 9px 0px no-repeat ; }
.ico2_6{ background:#454545 url(images/menu1_6.png) 9px 0px no-repeat ; }
.ico2_7{ background:#454545 url(images/menu1_7.png) 9px 0px no-repeat ; }
.ico2_8{ background:#454545 url(images/menu1_8.png) 9px 0px no-repeat ; }
.ico2_9{ background:#454545 url(images/menu1_9.png) 9px 0px no-repeat ; }
.ico2_10{ background:#454545 url(images/menu1_10.png) 9px 0px no-repeat ; }
.ico2_11{ background:#454545 url(images/menu1_11.png) 9px 0px no-repeat ; }
.ico2_12{ background:#454545 url(images/menu1_12.png) 9px 0px no-repeat ; }
.ico2_13{ background:#454545 url(images/menu1_13.png) 9px 0px no-repeat ; }
.ico2_14{ background:#454545 url(images/menu1_14.png) 9px 0px no-repeat ; }
.ico2_15{ background:#454545 url(images/menu1_15.png) 9px 0px no-repeat ; }
.ico2_16{ background:#454545 url(images/menu1_16.png) 9px 0px no-repeat ; }
#menu-list li.collapse {
}
.menu-item {font-size: 12px;
height: 30px;
line-height: 30px;
display: block;
font-weight: normal; background:#575757
}
.menu-item a{font-size: 12px;
height: 30px;
line-height: 30px;
display: block; color:#d7d7d7;}
.menu-item a:hover,.menu-item a.on{background-color:#797979; text-decoration:none; color:#fff;}
#help-title {
font-size: 14px;
color: #000080;
margin: 5px 0;
padding: 0px;
}
#help-content {
margin: 0;
padding: 0;
}
.tips {
color: #CC0000;
}
.link {
color: #000099;
}
</style>
{/literal}
</head>
<body>
<div id="tabbar-div">
<p>
<span class="tab-front" id="menu-tab">{$lang.menu}</span>
</p>
</div>
<div id="main-div">
<div id="menu-list">
<ul id="menu-ul">
{foreach from=$menus item=menu key=k name=foo}
{if $menu.action}
<li class="collapse ico_{$smarty.foreach.foo.iteration}" key_data1="lis ico_{$smarty.foreach.foo.iteration}" key_data2="lis ico2_{$smarty.foreach.foo.iteration}"><a href="{$menu.action}" target="main-frame">{$menu.label}</a></li>
{else}
<li class="collapse lis ico_{$smarty.foreach.foo.iteration}" key="{$k}" name="menu" key_data1="lis ico_{$smarty.foreach.foo.iteration}" key_data2="lis ico2_{$smarty.foreach.foo.iteration}">
{$menu.label}
{if $menu.children}
<ul style="display:none;">
{foreach from=$menu.children item=child}
<li class="menu-item"><a href="{$child.action}" target="main-frame">{$child.label}</a></li>
{/foreach}
</ul>
{/if}
</li>
{/if}
{/foreach}
</ul>
</div>
<div id="help-div" style="display:none">
<h1 id="help-title"></h1>
<div id="help-content"></div>
</div>
</div>
{insert_scripts files="../js/jquery-1.9.1.min.js,../js/jquery.json.js"}
{insert_scripts files="../js/global.js,../js/utils.js,../js/transport_jquery.js"}
<script language="JavaScript">
<!--
var collapse_all = "{$lang.collapse_all}";
var expand_all = "{$lang.expand_all}";
var collapse = true;
{literal}
var getClass=function(name){
var ele=document.getElementById("menu-ul").getElementsByTagName("li"),arr=[];
var reg=new RegExp("(^|\\s)"+name+"(\\s|$)");
for(var i=0;i<ele.length;i++){
if(reg.test(ele[i].className)){
arr.push(ele[i]);
}
}
return arr;
}
function toggleCollapse()
{
var items = document.getElementsByTagName('LI');
var span=document.getElementById('menu-ul').getElementsByTagName("span");
for (i = 0; i < items.length; i++)
{
if (collapse)
{
if (items[i].className == "explode")
{
toggleCollapseExpand(items[i], "collapse");
}
}
else
{
if ( items[i].className == "collapse")
{
toggleCollapseExpand(items[i], "explode");
ToggleHanlder.Reset();
}
}
}
collapse = !collapse;
var toggleImg = document.getElementById('toggleImg');
if(toggleImg)
{
toggleImg.src = collapse ? 'images/menu_minus.gif' : 'images/menu_plus.gif';
toggleImg.alt = collapse ? collapse_all : expand_all;
}
}
function toggleCollapseExpand(obj, status)
{
var lis=getClass("lis");
var explode=getClass("explode");
var ie=/ie 7/i.test(navigator.userAgent),dis=null;
var ul=document.getElementById("menu-ul").getElementsByTagName("ul");
if (obj.tagName.toLowerCase() == 'li' && obj.className != 'menu-item')
{
for (i = 0; i < obj.childNodes.length; i++)
{
if (obj.childNodes[i].tagName == "UL")
{
if (status == null)
{
if(ie){
dis=obj.childNodes[1].style.display;
}else{
dis=obj.childNodes[1].style.display;
}
if (dis!= "none")
{
for(var j=0;j<ul.length;j++){
ul[j].style["display"]="none";
}
if(ie){
obj.childNodes[1].style.display = "none";
}else{
obj.childNodes[1].style.display = "none";
}
ToggleHanlder.RecordState(obj.getAttribute("key"), "collapse");
var s = obj.getAttribute("key_data1");
obj.className = "collapse "+s;
}
else
{
for(var j=0;j<ul.length;j++){
ul[j].style["display"]="none";
}
if(ie){
obj.childNodes[1].style.display = "block";
}else{
obj.childNodes[1].style.display = "block";
}
for(var i=0;i<lis.length;i++){
var tmp=lis[i].getAttribute("key_data1");
lis[i].className="collapse "+tmp;
}
ToggleHanlder.RecordState(obj.getAttribute("key"), "explode");
var s = obj.getAttribute("key_data2");
obj.className = "explode "+s;
}
break;
}
else
{
if( status == "collapse")
{
ToggleHanlder.RecordState(obj.getAttribute("key"), "collapse");
var s = obj.getAttribute("key_data1");
obj.className = "collapse "+s;
}
else
{
ToggleHanlder.RecordState(obj.getAttribute("key"), "explode");
var s = obj.getAttribute("key_data2");
obj.className = "explode "+s;
}
if(ie){
obj.childNodes[1].style.display = (status == "explode") ? "block" : "none";
}else{
obj.childNodes[1].style.display = (status == "explode") ? "block" : "none";
}
}
}
}
}
}
document.getElementById('menu-list').onclick = function(e)
{
var obj = Utils.srcElement(e);
toggleCollapseExpand(obj);
var target = e.target;
if(target.nodeName == "A"){
var menu_a = document.getElementById('menu-list').getElementsByTagName("a");
var alength = menu_a.length;
for(var i = 0 ; i < alength; i ++){
removeClass(menu_a[i],"on");
}
addClass(target,"on");
}
}
//原生js addClass,hasClass,removeClass
function addClass(obj, cls) {
if (!this.hasClass(obj, cls)) obj.className += " " + cls;
}
function hasClass(obj, cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function removeClass(obj, cls) {
if (hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
obj.className = obj.className.replace(reg, ' ');
}
}
document.getElementById('tabbar-div').onmouseover=function(e)
{
var obj = Utils.srcElement(e);
if (obj.className == "tab-back")
{
obj.className = "tab-hover";
}
}
document.getElementById('tabbar-div').onmouseout=function(e)
{
var obj = Utils.srcElement(e);
if (obj.className == "tab-hover")
{
obj.className = "tab-back";
}
}
document.getElementById('tabbar-div').onclick=function(e)
{
var obj = Utils.srcElement(e);
// var mnuTab = document.getElementById('menu-tab');
var hlpTab = document.getElementById('help-tab');
var mnuDiv = document.getElementById('menu-list');
var hlpDiv = document.getElementById('help-div');
//if (obj.id == 'menu-tab')
// {
// mnuTab.className = 'tab-front';
// hlpTab.className = 'tab-back';
// mnuDiv.style.display = "block";
// hlpDiv.style.display = "none";
// }
if (obj.id == 'help-tab')
{
mnuTab.className = 'tab-back';
hlpTab.className = 'tab-front';
mnuDiv.style.display = "none";
hlpDiv.style.display = "block";
loc = parent.frames['main-frame'].location.href;
pos1 = loc.lastIndexOf("/");
pos2 = loc.lastIndexOf("?");
pos3 = loc.indexOf("act=");
pos4 = loc.indexOf("&", pos3);
filename = loc.substring(pos1 + 1, pos2 - 4);
act = pos4 < 0 ? loc.substring(pos3 + 4) : loc.substring(pos3 + 4, pos4);
loadHelp(filename, act);
}
}
/**
* 创建XML对象
*/
function createDocument()
{
var xmlDoc;
// create a DOM object
if (window.ActiveXObject)
{
try
{
xmlDoc = new ActiveXObject("Msxml2.DOMDocument.6.0");
}
catch (e)
{
try
{
xmlDoc = new ActiveXObject("Msxml2.DOMDocument.5.0");
}
catch (e)
{
try
{
xmlDoc = new ActiveXObject("Msxml2.DOMDocument.4.0");
}
catch (e)
{
try
{
xmlDoc = new ActiveXObject("Msxml2.DOMDocument.3.0");
}
catch (e)
{
alert(e.message);
}
}
}
}
}
else
{
if (document.implementation && document.implementation.createDocument)
{
xmlDoc = document.implementation.createDocument("","doc",null);
}
else
{
alert("Create XML object is failed.");
}
}
xmlDoc.async = false;
return xmlDoc;
}
//菜单展合状态处理器
var ToggleHanlder = new Object();
Object.extend(ToggleHanlder ,{
SourceObject : new Object(),
CookieName : 'Toggle_State',
RecordState : function(name,state)
{
if(state == "collapse")
{
this.SourceObject[name] = state;
}
else
{
if(this.SourceObject[name])
{
delete(this.SourceObject[name]);
}
}
var date = new Date();
date.setTime(date.getTime() + 99999999);
document.setCookie(this.CookieName, $.toJSON(this.SourceObject), date.toGMTString());
},
Reset :function()
{
var date = new Date();
date.setTime(date.getTime() + 99999999);
document.setCookie(this.CookieName, "{}" , date.toGMTString());
},
Load : function()
{
if (document.getCookie(this.CookieName) != null)
{
//this.SourceObject = t_eval();
var items = document.getElementsByTagName('LI');
for (var i = 0; i < items.length; i++)
{
if ( items[0].getAttribute("name") == "menu" && items[0].getAttribute("id") != '20_yun')
{
for (var k in this.SourceObject)
{
if ( typeof(items[i]) == "object")
{
if (items[i].getAttribute('key') == k)
{
toggleCollapseExpand(items[i], this.SourceObject[k]);
collapse = false;
}
}
}
}
}
}
var toggleImg = document.getElementById('toggleImg');
if(toggleImg)
{
toggleImg.src = collapse ? 'images/menu_minus.gif' : 'images/menu_plus.gif';
toggleImg.alt = collapse ? collapse_all : expand_all;
}
}
});
{/literal}
ToggleHanlder.CookieName += "_{$admin_id}";
//初始化菜单状态
ToggleHanlder.Load();
//-->
</script>
</body>
</html>