|
|
|
|
<!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" />
|
|
|
|
|
<link href="styles/left.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>
|
|
|
|
|
</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_{$k}" key_data1="lis ico_{$k}" key_data2="lis ico2_{$k}"><a href="{$menu.action}" target="main-frame">{$menu.label}</a></li>
|
|
|
|
|
{else}
|
|
|
|
|
<li class="collapse lis ico_{$k}" key="{$k}" name="menu" key_data1="lis ico_{$k}" key_data2="lis ico2_{$k}">
|
|
|
|
|
{$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}
|
|
|
|
|
<!--<script language="JavaScript" src="http://ecshop.ecmoban.com/menu_ext.php?charset={$charset}&lang={$help_lang}"></script>-->
|
|
|
|
|
</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,../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/menu/menu_minus.png' : 'images/menu/menu/menu_plus.png';
|
|
|
|
|
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, ' ');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(document.getElementById('tabbar-div')){
|
|
|
|
|
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/menu_minus.png' : 'images/menu/menu_plus.png';
|
|
|
|
|
toggleImg.alt = collapse ? collapse_all : expand_all;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
{/literal}
|
|
|
|
|
ToggleHanlder.CookieName += "_{$admin_id}";
|
|
|
|
|
//初始化菜单状态
|
|
|
|
|
ToggleHanlder.Load();
|
|
|
|
|
Ajax.call('cloud.php?is_ajax=1&act=menu_api','', start_menu_api, 'GET', 'JSON');
|
|
|
|
|
function start_menu_api(result)
|
|
|
|
|
{
|
|
|
|
|
if(result.content==0)
|
|
|
|
|
{
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
document.getElementById("menu-ul").innerHTML = document.getElementById("menu-ul").innerHTML + result.content;
|
|
|
|
|
var arr=[{key_data1:"lis ico_15",key_data2:"lis ico2_15"},{key_data1:"lis ico_16",key_data2:"lis ico2_16"}]
|
|
|
|
|
var explode=getClass("explode");
|
|
|
|
|
for(var i=0;i<explode.length;i++){
|
|
|
|
|
explode[i].childNodes[1].style["display"]="none";
|
|
|
|
|
var o=arr[i],obj=explode[i];
|
|
|
|
|
for(var index in o){
|
|
|
|
|
obj.setAttribute(index,o[index]);
|
|
|
|
|
}
|
|
|
|
|
explode[i].className="collapse "+explode[i].getAttribute("key_data1");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
//-->
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
