有辦法怎麼把分類樹改成可以折疊且２列

2016-07-07 15:11 来源：www.chinab4c.com 作者：ecshop专家

请教各位，

我在网络上找到二篇文章，分别是教导如何将分类树折迭及分成２列，如下代码所示

我测试过分开执行都没有问题，可是有没有办法将２个功能合起来呢？

我研究了好久，一直弄不出来，只好上来请教各位


分类树折迭：\themes\default\library\category_tree.lbi
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  3. <script language="javascript">
  4. function expandIt(divId)
  5. {
  6. var objDiv = document.getElementById(divId);
  7. var spobjDiv=document.getElementById("sp"+divId);
  8. if (objDiv.style.display=="none")
  9. {
  10. spobjDiv.src='./images/menu_minus.gif';
  11. objDiv.style.display="";
  12. }
  13. else
  14. {
  15. spobjDiv.src='./images/menu_plus.gif';
  16. objDiv.style.display="none";
  17. }
  18. }
  19. </script>

  21. <div class="area" id="category_tree">
  22. <div class="top"><span></span></div>
  23. <div class="content">
  24. <h1></h1>
  25. <dl>
  26. <!--{foreach from=$categories item=cat}-->
  27. <dt>{if $cat.cat_id}<img src="./images/menu_plus.gif" id="spcattree{$cat.id}" onClick="expandIt('cattree{$cat.id}');" border=0>{/if}<a href="{$cat.url}">{$cat.name|escape:html}</a></dt>
  28. <dd id="cattree{$cat.id}" style="display:none">
  29. <!--{foreach from=$cat.cat_id item=child}-->
  30. {if $child.cat_id}<p><img src="./images/menu_minus.gif" id="spcattree{$child.id}" onClick="expandIt('cattree{$child.id}');" border=0>{else}<p>{/if}<a href="{$child.url}" onfocus="this.blur()">{$child.name|escape:html}</a></p>
  31. <ul id="cattree{$child.id}">
  32. <!--{foreach from=$child.cat_id item=childe}-->
  33. <li>&nbsp;&nbsp;&nbsp;&nbsp;{if $childe.cat_id}<img src="./images/menu_minus.gif" id="spcattree{$childe.id}" onClick="expandIt('cattree{$childe.id}');" border=0>{/if}<a href="{$childe.url}" onfocus="this.blur()">{$childe.name|escape:html}</a></li>
  34. {if $childe.cat_id}<li id="cattree{$childe.id}">
  35. <!--{foreach from=$childe.cat_id item=childer}-->
  36. <p><a href="{$childer.url}" onfocus="this.blur()">{$childer.name|escape:html}</a></p>
  37. <!--{/foreach}-->
  38. </li>
  39. {/if}
  40. <!--{/foreach}-->
  41. </ul>
  42. <!--{/foreach}-->
  43. </dd>
  44. <!--{/foreach}-->
  45. </dl>
  46. </div>
  47. <div class="bottom"><span></span></div>
  48. </div>
复制代码
分类树折迭：\themes\default\style.css
  1. 【搜寻】
  2. #category_tree dt a{background:url(images/bg.gif) no-repeat 0 -69px;
  3. 【替换】
  4. #category_tree dt a{
复制代码

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

分成２列：\themes\default\library\category_tree.lbi
  1. 【01-搜寻】约 9 行
  2. <dd><a href="{$child.url}">{$child.name|escape:html}</a></dd>
  3. 【01-替换】
  4. <dd>鈥� <a href="{$child.url}">{$child.name|escape:html}</a></dd>
  5. 【02-搜寻】约 15~16 行
  6. </dl>
  7. <!--{/foreach}-->
  8. 【02-替换】
  9. </dl>
  10. <div style="clear:both;"></div>
  11. <!--{/foreach}-->
复制代码
分成２列：\themes\default\style.css
  1. 【搜寻】约 180 行
  2. #category_tree dd{padding:3px 0 3px 10px;}
  3. 【替换】
  4. #category_tree dd{padding:3px 0 3px 10px;width:44%;overflow:hidden;float:left;white-space:nowrap;word-break:keep-all;display: inline;}
复制代码

回答：
现在提示什么错误没

没提示什么错误，只是我不知要怎么将这２个功能合在一起而已，不知从何下手


有人可以幫忙將這２個功能合成一個嗎，小弟真的看不懂這些代碼，想改也無從下手

这个现在很多人都会开发了你找找资料 可以实现 要么请人二次开发一下吧