以文本方式查看主题

-  计算机科学论坛  (http://bbs.xml.org.cn/index.asp)
--  『 XML源码及示例(仅原创和转载) 』  (http://bbs.xml.org.cn/list.asp?boardid=32)
----  请教个关于菜单的问题  (http://bbs.xml.org.cn/dispbbs.asp?boardid=32&rootid=&id=37832)

--  作者：lichanghui
--  发布时间：9/12/2006 11:01:00 AM

--  请教个关于菜单的问题
以前的精华帖里有个关于菜单的代码，是这样的
navigater.xsl
<?xml version="1.0" encoding="GB2312"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
<!-- 无限深度菜单 -->
<!--
如果使用本代码请保留以下版权信息.
本代码由Forlan编写, Soft@benheco.com
-->
<xsl:template match="/">
  <html>
   <head>
    <title>Navigater</title>
    <style>
     <xsl:comment>
     <![CDATA[
      td { border-style: solid; border-width: 0 }
     !]]>
     </xsl:comment>
    </style>
    <script language="javascript">
    <xsl:comment>
    <![CDATA[
    function OppNode(ParentNodeImg,Node)
    {
     if(Node.style.display == "none")
     {
      Node.style.display = "block";
      ParentNodeImg.src = "image/e.gif";
     }
     else
     {
      Node.style.display = "none";
      ParentNodeImg.src = "image/c.gif";
     }
    }
    function OpenURL(URL)
    {
     parent.RightFrame.location = URL;
    }
    ]]>
    </xsl:comment>
    </script>
   </head>
   <body topmargin="10" leftmargin="10" marginheight="10" marginwidth="10">
    <xsl:attribute name="onselectstart">return false;</xsl:attribute>
    <xsl:attribute name="ondragstart">return false;</xsl:attribute>
    <xsl:call-template name="LinkPage">
     <xsl:with-param name="Node" select="//Root"/>
     <xsl:with-param name="ParentName">Root</xsl:with-param>
    </xsl:call-template>
   </body>
  </html>
</xsl:template>
<!-- 递归加载所有菜单 -->
<xsl:template name="LinkPage">
  <xsl:param name="Node"/>
  <xsl:param name="ParentName"/>
  <table width="90%" border="0" cellspacing="0" cellpadding="0">
   <xsl:for-each select="$Node/Item">
    <xsl:variable name="ChildrenID">
     <xsl:value-of select="$ParentName"/>_<xsl:number value="position()"/>
    </xsl:variable>
    <tr>
     <td>
      <table width="50" border="0" cellspacing="0" cellpadding="0">
       <xsl:choose>
        <!-- 类别菜单下还有子菜单 -->
        <xsl:when test="count(./Item/Text) != 0">
         <!-- 类别菜单 -->
         <xsl:call-template name="ParentLinkPage">
          <xsl:with-param name="Node" select="."/>
          <xsl:with-param name="ChildrenID" select="$ChildrenID"/>
         </xsl:call-template>
         <!-- 列出类别菜单下的子菜单(递归) -->
         <tr style="display:none">
          <xsl:attribute name="id"><xsl:value-of select="$ChildrenID"/></xsl:attribute>
          <td/>
          <td>
           <xsl:call-template name="LinkPage">
            <xsl:with-param name="Node" select="."/>
            <xsl:with-param name="ParentName" select="$ChildrenID"/>
           </xsl:call-template>
          </td>
         </tr>
        </xsl:when>
        <!-- 类别菜单下没有子菜单,直接显示链接菜单 -->
        <xsl:otherwise>
         <xsl:call-template name="ChildLinkPage">
          <xsl:with-param name="Node" select="."/>
         </xsl:call-template>
        </xsl:otherwise>
       </xsl:choose>
      </table>
     </td>
    </tr>
   </xsl:for-each>
  </table>
</xsl:template>
<!-- 显示指定的一个类别菜单 -->
<xsl:template name="ParentLinkPage">
  <xsl:param name="Node"/>
  <xsl:param name="ChildrenID"/>
  <xsl:variable name="ImgID"><xsl:value-of select="$ChildrenID"/>_Img</xsl:variable>
  <tr>
   <td width="10">
    <img src="image/c.gif" style="CURSOR: hand;" border="0">
     <xsl:attribute name="id"><xsl:value-of select="$ImgID"/></xsl:attribute>
     <xsl:attribute name="onclick">javascript: OppNode(<xsl:value-of select="$ImgID"/>,<xsl:value-of select="$ChildrenID"/>)</xsl:attribute>
    </img>
    <xsl:text> </xsl:text>
   </td>
   <td width="50" nowrap="nowrap">
    <table width="100%" border="0" cellspacing="0" cellpadding="2">
     <xsl:attribute name="class">Menu_Blur</xsl:attribute>
     <xsl:attribute name="onmouseover">javascript: this.className="Menu_Hover"</xsl:attribute>
     <xsl:attribute name="onmouseout">javascript: this.className="Menu_Blur"</xsl:attribute>
     <tr>
      <td nowrap="nowrap">
       <a>
        <xsl:attribute name="href"><xsl:value-of select="$Node/URL"/></xsl:attribute>
        <xsl:attribute name="onclick">javascript: OppNode(<xsl:value-of select="$ImgID"/>,<xsl:value-of select="$ChildrenID"/>);return false;</xsl:attribute>
        <xsl:value-of select="$Node/Text"/>
       </a>
      </td>
     </tr>
    </table>
   </td>
  </tr>
</xsl:template>
<!-- 显示指定的一个页面链接菜单 -->
<xsl:template name="ChildLinkPage">
  <xsl:param name="Node"/>
  <tr>
   <td width="10">
    <a>
     <xsl:attribute name="href"><xsl:value-of select="$Node/URL"/></xsl:attribute>
     <img src="image/file.gif" border="0"/>
    </a>
    <xsl:text> </xsl:text>
   </td>
   <td width="50" nowrap="nowrap">
    <table width="100%" border="0" cellspacing="0" cellpadding="2">
     <xsl:attribute name="class">Menu_Blur</xsl:attribute>
     <xsl:attribute name="onmouseover">javascript: this.className="Menu_Hover"</xsl:attribute>
     <xsl:attribute name="onmouseout">javascript: this.className="Menu_Blur"</xsl:attribute>
     <tr>
      <td nowrap="nowrap">
       <a>
        <xsl:attribute name="href"><xsl:value-of select="$Node/URL"/></xsl:attribute>
        <xsl:value-of select="$Node/Text"/>
       </a>
      </td>
     </tr>
    </table>
   </td>
  </tr>
</xsl:template>
</xsl:stylesheet>


navigater.xml
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/xsl" href="navigater.xsl"?>
<!-- 无限深度菜单 -->
<!--
如果使用本代码请保留以下版权信息.
本代码由Forlan编写, Soft@benheco.com
-->
<Root>
<Item>
<Text>父菜单(1)</Text>
<URL>#</URL>

  <Item>
   <Text>子菜单的子菜单</Text>
   <URL>http://www.benheco.com/soft/</URL>
  </Item>
</Item>

<Item>
<Text>父菜单(1)</Text>
<URL>#</URL>

  <Item>
   <Text>子菜单的子菜单</Text>
   <URL>http://www.benheco.com/soft/</URL>
  </Item>
</Item>


</Root>

我想在点下面的父菜单（1）时，让上面的父菜单（1）的子菜单自动收缩回去，我应该怎么去处理？请高手指点下，急用！先谢了！！！

W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
 2,582.031ms