XSL后退按钮

时间:2013-05-14 20:46:23

标签: javascript html xml xslt xslt-1.0

我不是这方面的专家。我做了一些搜索,但没有找到我正在寻找的确切内容。希望它相当简单。

我正在开发一个具有内置Web服务器的软件控制系统。在这个系统的导航过程中有一些要点,唯一的出路是使用Web浏览器后退按钮(不幸的是,我知道)。

对于使用此功能的操作员,他们通常会在屏幕上进行所有导航操作,并突然显示“没有出路”的显示器可能会导致混淆。

我想修改layout.xsl文件以添加后退按钮。 (如果重要的话,它只会成为Internet Explorer,因为系统基于ActiveX。)

以下是该文件的相关部分:

<table id="Menu" class="Header" border="0" cellspacing="0" cellpadding="0" width="100%">
  <tr>
    <td width="100%">
      <table class="menuBar" border="0" cellspacing="0" cellpadding="0">
        <tr height="0">

          <xsl:for-each select="Links/Link">
            <xsl:if test="text() != 'Lists'">
              <xsl:if test="text() != 'Database'">
                <xsl:if test="text() != 'Favorites'">
                  <xsl:if test="text() != 'Log Off'">
                    <xsl:if test="text() != 'Help'">
                      <xsl:call-template name="Button">
                        <xsl:with-param name="href" select="@href"/>
                        <xsl:with-param name="text" select="text()"/>
                        <xsl:with-param name="last" select="boolean( position() = count( ../Link ) )"/>
                      </xsl:call-template>
                    </xsl:if>
                  </xsl:if>
                </xsl:if>
              </xsl:if>
            </xsl:if>
          </xsl:for-each>

          <th class="rightbar" align="right" valign="top"/>
        </tr>
      </table>
    </td>
  </tr>
</table>

<xsl:template name="Button">
  <xsl:param name="href"/>
  <xsl:param name="text"/>
  <xsl:param name="last"/>

  <th width="auto" height="20" class="deselected" valign="center">
    <xsl:element name="a">
      <xsl:attribute name="href">
        <xsl:value-of select="$href"/>
      </xsl:attribute>
      <xsl:value-of select="$text"/>
    </xsl:element>
  </th>
  <th width="5" class="deselected" valign="middle">
    <img src="/file/images/submenumid.png" width="5" height="20"/>
  </th>
</xsl:template>

您会看到该表多次调用按钮模板。如果你对这些行感到困惑,

<xsl:if test="text() != 'xxxx'">

我添加的是过滤掉我不想显示的现有按钮。

我希望有一个名为back button的类似模板,它会向Internet Explorer发送一个后退命令。然后我会先调用back button模板,这样它就是最左边的项目。

提前致谢,如果需要任何其他信息,请与我们联系!

2 个答案:

答案 0 :(得分:1)

<xsl:template name="BackButton">
  <xsl:param name="last"/>

  <xsl:call-template name="Button">
    <xsl:with-param name="href" select="javascript:window.history.back()"/>
    <xsl:with-param name="text" select="Go back"/>
    <xsl:with-param name="last" select="$last"/>
  </xsl:call-template>
<xsl:template/>

答案 1 :(得分:0)

    <table id="Menu" class="Header" border="0" cellspacing="0" cellpadding="0" width="100%">
        <tr>
            <td width="100%">
                <table class="menuBar" border="0" cellspacing="0" cellpadding="0">
                    <tr height="0">
                        <xsl:call-template name="Button">
                            <xsl:with-param name="href">javascript:history.back()</xsl:with-param>
                            <xsl:with-param name="text">Go Back</xsl:with-param>
                            <xsl:with-param name="last" select="false()"/>
                        </xsl:call-template>

                        <xsl:for-each select="Links/Link">
                            <xsl:if test="text() != 'Lists'
                            and text() != 'Database'
                            and text() != 'Favorites'
                            and text() != 'Log Off'
                            and text() != 'Help'">
                                <xsl:call-template name="Button">
                                    <xsl:with-param name="href" select="@href"/>
                                    <xsl:with-param name="text" select="text()"/>
                                    <xsl:with-param name="last" select="boolean( position() = count( ../Link ) )"/>
                                </xsl:call-template>
                            </xsl:if>
                        </xsl:for-each>

                        <th class="rightbar" align="right" valign="top"/>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

这是最终的代码。由于鲍罗丁的建议,我清理了很多“如果”的陈述。 我还使用history.back()链接添加了对Button模板的新调用,而不是添加新模板。

感谢帮助人员