1

我有一个包含大量测试数据的 XML。我使用 XSLT 在浏览器中以 HTML 格式呈现这些数据。每个测试都有一个包含测试步骤的表。每次运行测试时,如果通过与否,表都会更新表中的数据。然后浏览器重新加载页面。我希望它总是跳到目前正在处理的桌子上。我怎样才能做到这一点?我的 XSLT 文件:

<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
  <head>
  <script type="text/javascript">


    var testnum = 0;
     if(document.cookie.indexOf('testnum=') !== -1) {

     testnum = document.cookie.split('testnum=')[1].split(';')[0];

    document.cookie = 'testnum=' + testnum + 1 + ';expires=Sat, 14 May 2015 18:00:00      GMT";';
   } else {

      document.cookie = 'testnum=1;expires=Sat, 14 May 2015 18:00:00 GMT";';
   }

var w = $(window);
var row = $('#test').find('tr').eq( testnum );

if (row.length){
    w.scrollTop( row.offset().top - (w.height()/2) );
}

</script>

  <title>HMI Automotive Testing</title>
  <link rel="stylesheet" type="text/css" href="report.css" />

  </head>

  <body>

    <center>
    <h1>HMI Automotive Testing</h1>

      <br></br>
      <div style="height:650px;width:824px;border:1px solid;overflow:auto;">

            <table border="1" id ="test">
            <xsl:for-each select= "TestSuite/TestCase">

                        <tr>
                        <b><xsl:value-of select="@name"/></b>

                        </tr>

                        <xsl:for-each select="Verification|Command">
                                <tr>
                                <xsl:choose>
                                        <xsl:when test="contains(name() , 'Verification')">

                                        <td>Verification <xsl:value-of select="@type"/></td>
                                        <td><xsl:value-of select="@status"/></td>
                                </xsl:when>
                                <xsl:when  test="contains(name() , 'Command')">
                                        <td>Command <xsl:value-of select="@type"/></td>
                                        <td><xsl:value-of select="@status"/></td>
                                </xsl:when>
                                </xsl:choose>

                                </tr>


                        </xsl:for-each>

              </xsl:for-each>
              </table>  
            </div>
      </center>



  </body>
  </html>

</xsl:template>

</xsl:stylesheet> 
4

2 回答 2

0

使用id属性。

<table id="result1">
...
</table>

然后,如果您将页面重定向到your_page.html#result1浏览器,则会滚动到该表。

于 2013-05-14T11:04:21.657 回答
0

您需要引入一些状态,以便浏览器可以知道它当前正在进行哪个测试。您可以通过几种不同的方式执行此操作:

网址

如果您可以在每次运行测试时向 URL 添加一个参数,那么您应该按照@psur 所说的去做。

饼干

使用 Cookie 存储当前的测试编号。

在 XSLT 输出 HTML 页面的同时,让它在顶部也输出一些 js。这需要检查 cookie 是否存在,并在每次加载页面时增加它的值,然后滚动到 HTML 中的那个位置。像这样的东西:

<script type="text/javascript">
//<![CDATA[

var testnum = 0;
if(document.cookie.indexOf('testnum=') !== -1) {
    // Cookie already exists, this isn't the first test, read the testnum
    testnum = document.cookie.split('testnum=')[1].split(';')[0];
    // write to next testnum back to the cookie for next time.
    document.cookie = 'testnum=' + testnum + 1 + ';expires=Sat, 14 May 2015 18:00:00 GMT";';
} else {
    // No cookie, must be first test
    document.cookie = 'testnum=1;expires=Sat, 14 May 2015 18:00:00 GMT";';
}
// scroll to the correct test table
location.hash = '#' + testnum;

//]]>
</script>

我已经给 cookie 设置了一年的有效期,因为我不知道您对会话、浏览器重新启动等做了什么……默认情况下,cookie 会在会话中持续存在,因此您可能可以摆脱这种情况。


除了其中一件事情之外,您需要按照@psur 所说的去做,即为每个表添加一个 id,以便浏览器可以滚动到它。我建议只使用数字:

<table id="1">
...
</table>
于 2013-05-14T18:34:25.010 回答