558 lines
14 KiB
HTML
Executable File
558 lines
14 KiB
HTML
Executable File
<!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> |