登入 註冊
 

請問按2級分類時無法下拉~~
閱讀 1615 次 0 會員 與 1 訪客 正在閱讀本文。
* 四月 19, 2012, 12:42:52 下午
如題~~大致題一下狀況
我是用"綠果繽紛"版型  不過分類樹是從JOYO25移植過來 裡面有修改過"2級商品數量顯示"跟"2級分類調成2行" 還有"一級分類調用圖片顯示"
問題  按"一級分類"時 會自動下拉"二級分類" 但再按"二級分類"後 下拉全都會收回去 可是目前位置還是在"二級分類" 請問要如何修改??

以下是我的tree

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div class="my-style-1">
   <div class="title">
       <span>產品分類</span>
        <a href="catalog.php">全部分類[/url]
    </div>
   
    <div class="body">
        <ul id="my-category">
  </ul>
<div class="Modone" id="category-tree">
 <!--{foreach from=$categories item=cat}-->
  <h3><a href="{$cat.url}"><img src="../images/cat/{$cat.id}.png" align="absmiddle" ;{$cat.name|escape:html}>[/url]<div class="yiji"></div></h3>
  <ul class="erji">   
    <!--{foreach from=$cat.cat_id item=child}-->
    <li><a href="{$child.url}">{$child.name|escape:html}({$child.num})[/url]</li>
    <!--{/foreach}-->
  </ul>
  <!-- {/foreach}-->
</div>
<script type="text/javascript">
      {literal}
var Class = {
    create: function() {
        return function() {
            this.initialize.apply(this, arguments);
        }
    }
}

Object.extend = function(destination, source) {
    for (property in source) destination[property] = source[property];
    return destination;
}

Function.prototype.bind = function(object) {
    var __method = this;
    return function() {
        return __method.apply(object, arguments);
    }
}

Function.prototype.bindAsEventListener = function(object) {
var __method = this;
    return function(event) {
        __method.call(object, event || window.event);
    }
}

function $() {
    if (arguments.length == 1) return get$(arguments[0]);
    var elements = [];
    $c(arguments).each(function(el){
        elements.push(get$(el));
    });
    return elements;

    function get$(el){
        if (typeof el == 'string') el = document.getElementById(el);
        return el;
    }
}

if (!window.Element) var Element = new Object();

Object.extend(Element, {
    remove: function(element) {
        element = $(element);
        element.parentNode.removeChild(element);
    },

    hasClassName: function(element, className) {
        element = $(element);
        if (!element) return;
        var hasClass = false;
        element.className.split(' ').each(function(cn){
            if (cn == className) hasClass = true;
        });
        return hasClass;
    },

    addClassName: function(element, className) {
        element = $(element);
        Element.removeClassName(element, className);
        element.className += ' ' + className;
    },
 
    removeClassName: function(element, className) {
        element = $(element);
        if (!element) return;
        var newClassName = '';
        element.className.split(' ').each(function(cn, i){
            if (cn != className){
                if (i > 0) newClassName += ' ';
                newClassName += cn;
            }
        });
        element.className = newClassName;
    },

    cleanWhitespace: function(element) {
        element = $(element);
        $c(element.childNodes).each(function(node){
            if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) Element.remove(node);
        });
    },

    find: function(element, what) {
        element = $(element)[what];
        while (element.nodeType != 1) element = element[what];
        return element;
    }
});

var Position = {
    cumulativeOffset: function(element) {
        var valueT = 0, valueL = 0;
        do {
            valueT += element.offsetTop  || 0;
            valueL += element.offsetLeft || 0;
            element = element.offsetParent;
        } while (element);
        return [valueL, valueT];
    }
};

document.getElementsByClassName = function(className) {
    var children = document.getElementsByTagName('*') || document.all;
    var elements = [];
    $c(children).each(function(child){
        if (Element.hasClassName(child, className)) elements.push(child);
    }); 
    return elements;
}

Array.prototype.iterate = function(func){
    for(var i=0;i<this.length;i++) func(this, i);
}
if (!Array.prototype.each) Array.prototype.each = Array.prototype.iterate;

function $c(array){
    var nArray = [];
    for (var i=0;i<array.length;i++) nArray.push(array);
    return nArray;
}

var fx = new Object();
fx.Base = function(){};
fx.Base.prototype = {
    setOptions: function(options) {
    this.options = {
        duration: 500,
        onComplete: '',
        transition: fx.sinoidal
    }
    Object.extend(this.options, options || {});
    },

    step: function() {
        var time  = (new Date).getTime();
        if (time >= this.options.duration+this.startTime) {
            this.now = this.to;
            clearInterval (this.timer);
            this.timer = null;
            if (this.options.onComplete) setTimeout(this.options.onComplete.bind(this), 10);
        }
        else {
            var Tpos = (time - this.startTime) / (this.options.duration);
            this.now = this.options.transition(Tpos) * (this.to-this.from) + this.from;
        }
        this.increase();
    },

    custom: function(from, to) {
        if (this.timer != null) return;
        this.from = from;
        this.to = to;
        this.startTime = (new Date).getTime();
        this.timer = setInterval (this.step.bind(this), 13);
    },

    hide: function() {
        this.now = 0;
        this.increase();
    },

    clearTimer: function() {
        clearInterval(this.timer);
        this.timer = null;
    }
}

fx.Layout = Class.create();
fx.Layout.prototype = Object.extend(new fx.Base(), {
    initialize: function(el, options) {
        this.el = $(el);
        this.el.style.overflow = "hidden";
        this.iniWidth = this.el.offsetWidth;
        this.iniHeight = this.el.offsetHeight;
        this.setOptions(options);
    }
});

fx.Height = Class.create();
Object.extend(Object.extend(fx.Height.prototype, fx.Layout.prototype), {   
    increase: function() {
        this.el.style.height = this.now + "px";
    },

    toggle: function() {
        if (this.el.offsetHeight > 0) this.custom(this.el.offsetHeight, 0);
        else this.custom(0, this.el.scrollHeight);
    }
});

fx.Width = Class.create();
Object.extend(Object.extend(fx.Width.prototype, fx.Layout.prototype), {
    increase: function() {
        this.el.style.width = this.now + "px";
    },

    toggle: function(){
        if (this.el.offsetWidth > 0) this.custom(this.el.offsetWidth, 0);
        else this.custom(0, this.iniWidth);
    }
});

fx.Opacity = Class.create();
fx.Opacity.prototype = Object.extend(new fx.Base(), {
    initialize: function(el, options) {
        this.el = $(el);
        this.now = 1;
        this.increase();
        this.setOptions(options);
    },

    increase: function() {
        if (this.now == 1 && (/Firefox/.test(navigator.userAgent))) this.now = 0.9999;
        this.setOpacity(this.now);
    },
   
    setOpacity: function(opacity) {
        if (opacity == 0 && this.el.style.visibility != "hidden") this.el.style.visibility = "hidden";
        else if (this.el.style.visibility != "visible") this.el.style.visibility = "visible";
        if (window.ActiveXObject) this.el.style.filter = "alpha(opacity=" + opacity*100 + ")";
        this.el.style.opacity = opacity;
    },

    toggle: function() {
        if (this.now > 0) this.custom(1, 0);
        else this.custom(0, 1);
    }
});

fx.sinoidal = function(pos){
    return ((-Math.cos(pos*Math.PI)/2) + 0.5);
}
fx.linear = function(pos){
    return pos;
}
fx.cubic = function(pos){
    return Math.pow(pos, 3);
}
fx.circ = function(pos){
    return Math.sqrt(pos);
}
fx.Scroll = Class.create();
fx.Scroll.prototype = Object.extend(new fx.Base(), {
    initialize: function(options) {
        this.setOptions(options);
    },

    scrollTo: function(el){
        var dest = Position.cumulativeOffset($(el))[1];
        var client = window.innerHeight || document.documentElement.clientHeight;
        var full = document.documentElement.scrollHeight;
        var top = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
        if (dest+client > full) this.custom(top, dest - client + (full-dest));
        else this.custom(top, dest);
    },

    increase: function(){
        if (this.now == 1 && (/Firefox/.test(navigator.userAgent))) this.now = 0.9999;
        this.setOpacity(this.now);
    },
});

fx.Text = Class.create();
fx.Text.prototype = Object.extend(new fx.Base(), {
    initialize: function(el, options) {
        this.el = $(el);
        this.setOptions(options);
        if (!this.options.unit) this.options.unit = "em";
    },

    increase: function() {
        this.el.style.fontSize = this.now + this.options.unit;
    }
});

fx.Combo = Class.create();
fx.Combo.prototype = {
    setOptions: function(options) {
        this.options = {
            opacity: true,
            height: true,
            width: false
        }
        Object.extend(this.options, options || {});
    },

    initialize: function(el, options) {
        this.el = $(el);
        this.setOptions(options);
        if (this.options.opacity) {
            this.o = new fx.Opacity(el, options);
            options.onComplete = null;
        }
        if (this.options.height) {
            this.h = new fx.Height(el, options);
            options.onComplete = null;
        }
        if (this.options.width) this.w = new fx.Width(el, options);
    },
   
    toggle: function() { this.checkExec('toggle'); },

    hide: function(){ this.checkExec('hide'); },
   
    clearTimer: function(){ this.checkExec('clearTimer'); },
   
    checkExec: function(func){
        if (this.o) this.o[func]();
        if (this.h) this.h[func]();
        if (this.w) this.w[func]();
    },
   
    resizeTo: function(hto, wto) {
        if (this.h && this.w) {
            this.h.custom(this.el.offsetHeight, this.el.offsetHeight + hto);
            this.w.custom(this.el.offsetWidth, this.el.offsetWidth + wto);
        }
    },

    customSize: function(hto, wto) {
        if (this.h && this.w) {
            this.h.custom(this.el.offsetHeight, hto);
            this.w.custom(this.el.offsetWidth, wto);
        }
    }
}

fx.Accordion = Class.create();
fx.Accordion.prototype = {
    setOptions: function(options) {
        this.options = {
            delay: 100,
            opacity: false
        }
        Object.extend(this.options, options || {});
    },

    initialize: function(yijis, elements, options) {
        this.elements = elements;
        this.setOptions(options);
        var options = options || '';
        this.fxa = [];
        if (options && options.onComplete) options.onFinish = options.onComplete;
        elements.each(function(el, i){
            options.onComplete = function(){
                if (el.offsetHeight > 0) el.style.height = '1%';
                if (options.onFinish) options.onFinish(el);
            }
            this.fxa = new fx.Combo(el, options);
            this.fxa.hide();
        }.bind(this));

        yijis.each(function(tog, i){
            if (typeof tog.onclick == 'function') var exClick = tog.onclick;
            tog.onclick = function(){
                if (exClick) exClick();
                this.showThisHideOpen(elements);
            }.bind(this);
        }.bind(this));
    },

    showThisHideOpen: function(toShow){
        this.elements.each(function(el, j){
            if (el.offsetHeight > 0 && el != toShow) this.clearAndToggle(el, j);
            if (el == toShow && toShow.offsetHeight == 0) setTimeout(function(){this.clearAndToggle(toShow, j);}.bind(this), this.options.delay);
        }.bind(this));
    },

    clearAndToggle: function(el, i){
        this.fxa.clearTimer();
        this.fxa.toggle();
    }
}

var Remember = new Object();
Remember = function(){};
Remember.prototype = {
    initialize: function(el, options){
        this.el = $(el);
        this.days = 365;
        this.options = options;
        this.effect();
        var cookie = this.readCookie();
        if (cookie) {
            this.fx.now = cookie;
            this.fx.increase();
        }
    },

    setCookie: function(value) {
        var date = new Date();
        date.setTime(date.getTime()+(this.days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
        document.cookie = this.el+this.el.id+this.prefix+"="+value+expires+"; path=/";
    },

    readCookie: function() {
        var nameEQ = this.el+this.el.id+this.prefix + "=";
        var ca = document.cookie.split(';');
        for(var i=0;c=ca;i++) {
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
        }
        return false;
    },

    custom: function(from, to){
        if (this.fx.now != to) {
            this.setCookie(to);
            this.fx.custom(from, to);
        }
    }
}

fx.RememberHeight = Class.create();
fx.RememberHeight.prototype = Object.extend(new Remember(), {
    effect: function(){
        this.fx = new fx.Height(this.el, this.options);
        this.prefix = 'height';
    },
   
    toggle: function(){
        if (this.el.offsetHeight == 0) this.setCookie(this.el.scrollHeight);
        else this.setCookie(0);
        this.fx.toggle();
    },
   
    resize: function(to){
        this.setCookie(this.el.offsetHeight+to);
        this.fx.custom(this.el.offsetHeight,this.el.offsetHeight+to);
    },

    hide: function(){
        if (!this.readCookie()) {
            this.fx.hide();
        }
    }
});

fx.RememberText = Class.create();
fx.RememberText.prototype = Object.extend(new Remember(), {
    effect: function(){
        this.fx = new fx.Text(this.el, this.options);
        this.prefix = 'text';
    }
});

Array.prototype.iterate = function(func){
    for(var i=0;i<this.length;i++) func(this, i);
}
if (!Array.prototype.each) Array.prototype.each = Array.prototype.iterate;

fx.expoIn = function(pos){
    return Math.pow(2, 10 * (pos - 1));
}
fx.expoOut = function(pos){
    return (-Math.pow(2, -10 * pos) + 1);
}

fx.quadIn = function(pos){
    return Math.pow(pos, 2);
}
fx.quadOut = function(pos){
    return -(pos)*(pos-2);
}

fx.circOut = function(pos){
    return Math.sqrt(1 - Math.pow(pos-1,2));
}
fx.circIn = function(pos){
    return -(Math.sqrt(1 - Math.pow(pos, 2)) - 1);
}

fx.backIn = function(pos){
    return (pos)*pos*((2.7)*pos - 1.7);
}
fx.backOut = function(pos){
    return ((pos-1)*(pos-1)*((2.7)*(pos-1) + 1.7) + 1);
}

fx.sineOut = function(pos){
    return Math.sin(pos * (Math.PI/2));
}
fx.sineIn = function(pos){
    return -Math.cos(pos * (Math.PI/2)) + 1;
}
fx.sineInOut = function(pos){
    return -(Math.cos(Math.PI*pos) - 1)/2;
}
      {/literal}
</script>
<script type=text/javascript>
      {literal}
    var contents = document.getElementsByClassName('erji');
    var toggles = document.getElementsByClassName('yiji');
 
    var myAccordion = new fx.Accordion(
      toggles, contents, {opacity: true, duration: 400}
    );
    /*if (document.location.href.indexOf('category.php')>0)*/
     if (document.location.href.indexOf('category')>0)
    {
      var tree = document.getElementById("category-tree");
      var tags = tree.getElementsByTagName("H3");
      var tagsn = tree.getElementsByTagName("i");
      for (var i=0;i<tags.length;i++)
      {
        if(document.location.href.toLowerCase()==tags.childNodes[0].href.toLowerCase())
            {
          myAccordion.showThisHideOpen(contents);
        }
      }
    }
    else
    {
   
    }
   
        {/literal}
</script>

    </div><!--/body-->
    <div class="bottom"></div>
</div> <!--/categoryTree-->


記錄

四月 19, 2012, 03:32:08 下午
#1
javascript我不太懂
你修改後的動作怪怪的
找到答案分享一下
« 上次編輯: 四月 19, 2012, 03:41:10 下午 由 andy »

記錄

* 四月 19, 2012, 04:22:49 下午
#2
我是完全都不懂....都只是亂試 

記錄