bnbweb/temp/compiled/admin/menu.htm.php

564 lines
15 KiB
PHP
Raw Normal View History

2022-11-14 17:31:15 +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'><?php echo $this->_var['lang']['no_help']; ?></p>";
var helpLang = "<?php echo $this->_var['help_lang']; ?>";
//-->
</script>
<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>
</head>
<body>
<div id="tabbar-div">
<p>
<span class="tab-front" id="menu-tab"><?php echo $this->_var['lang']['menu']; ?></span>
</p>
</div>
<div id="main-div">
<div id="menu-list">
<ul id="menu-ul">
<?php $_from = $this->_var['menus']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('k', 'menu');$this->_foreach['foo'] = array('total' => count($_from), 'iteration' => 0);
if ($this->_foreach['foo']['total'] > 0):
foreach ($_from AS $this->_var['k'] => $this->_var['menu']):
$this->_foreach['foo']['iteration']++;
?>
<?php if ($this->_var['menu']['action']): ?>
<li class="collapse ico_<?php echo $this->_foreach['foo']['iteration']; ?>" key_data1="lis ico_<?php echo $this->_foreach['foo']['iteration']; ?>" key_data2="lis ico2_<?php echo $this->_foreach['foo']['iteration']; ?>"><a href="<?php echo $this->_var['menu']['action']; ?>" target="main-frame"><?php echo $this->_var['menu']['label']; ?></a></li>
<?php else: ?>
<li class="collapse lis ico_<?php echo $this->_foreach['foo']['iteration']; ?>" key="<?php echo $this->_var['k']; ?>" name="menu" key_data1="lis ico_<?php echo $this->_foreach['foo']['iteration']; ?>" key_data2="lis ico2_<?php echo $this->_foreach['foo']['iteration']; ?>">
<?php echo $this->_var['menu']['label']; ?>
<?php if ($this->_var['menu']['children']): ?>
<ul style="display:none;">
<?php $_from = $this->_var['menu']['children']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('', 'child');if (count($_from)):
foreach ($_from AS $this->_var['child']):
?>
<li class="menu-item"><a href="<?php echo $this->_var['child']['action']; ?>" target="main-frame"><?php echo $this->_var['child']['label']; ?></a></li>
<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
</ul>
<?php endif; ?>
</li>
<?php endif; ?>
<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
</ul>
</div>
<div id="help-div" style="display:none">
<h1 id="help-title"></h1>
<div id="help-content"></div>
</div>
</div>
<?php echo $this->smarty_insert_scripts(array('files'=>'../js/jquery-1.9.1.min.js,../js/jquery.json.js')); ?>
<?php echo $this->smarty_insert_scripts(array('files'=>'../js/global.js,../js/utils.js,../js/transport_jquery.js')); ?>
<script language="JavaScript">
<!--
var collapse_all = "<?php echo $this->_var['lang']['collapse_all']; ?>";
var expand_all = "<?php echo $this->_var['lang']['expand_all']; ?>";
var collapse = true;
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;
}
}
});
ToggleHanlder.CookieName += "_<?php echo $this->_var['admin_id']; ?>";
//初始化菜单状态
ToggleHanlder.Load();
//-->
</script>
</body>
</html>