category_tree.lbi

ECSHOP模板

<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<div><img src="themes/jbd/images/cat_title.jpg" width="188" height="23" /></div>
<div id="categoryTree">
    <!--{foreach from=$categories item=cat}-->
  <div class="parent-cat">
    <tt class="toggletitle"><span><img src="themes/jbd/images/icon_list_down.gif" alt="-" /></span><A href="{$cat.url}">{$cat.name|escape:html}</A></tt>
        <ul>
      <!--{foreach from=$cat.children item=child}-->
      <li><span class="parent-cat-small"><A href="{$child.url}">{$child.name|escape:html}</A></span></li>
      <!--{/foreach}-->
          </ul>
      </div>
    <!--{/foreach}-->
  </div>
{insert_scripts files='utils.js,transport.js'}
<script type="text/javascript">
//<![CDATA[
  function getElementsByClassName(id,cls){
    var o=document.getElementById(id);
    var aelem=[],
    oaelem=o.getElementsByTagName("*");
    for(var i=0;i<oaelem.length;i++){
      if (oaelem[i].className==cls ){
        aelem[aelem.length]=oaelem[i];
      }
    }
    return aelem;
  }
  function slideshow(obj){
    obj.parentNode.parentNode.getElementsByTagName("ul")[0].style.display = "";
    obj.innerHTML = "<img src='themes/jbd/images/icon_list_down.gif' alt='-' />";
    obj.onclick = new Function("slidehidden(this)");
  }
  function slidehidden(obj){
    obj.parentNode.parentNode.getElementsByTagName("ul")[0].style.display = "none";
    obj.innerHTML = "<img src='themes/jbd/images/icon_list_up.gif' alt='+' />";
    obj.onclick = new Function("slideshow(this)");
  }
  var a=getElementsByClassName("categoryTree","parent-cat");
  for(var n=0;n<a.length;n++){
    var olink=a[n].getElementsByTagName("tt")[0].firstChild;
    olink.onclick = new Function("slidehidden(this)");
  }
//]]>
</script>