如何将XML值从XSLT转换为HTML到另一个HTML?

时间:2017-05-10 15:07:04

标签: javascript html css xml xslt

我有一个XSLT文件,用于创建HTML页面上输出的HTML。但是,我需要从所选节点获取信息,并将其传递到另一个页面。

我有index.html,它会呈现为一个名为' spreadView'其中有许多链接,我在XSLT文件中渲染,但想要点击链接,我需要由艺术家查看歌曲(需要传递艺术家和歌曲名称)。

任何想法如何?

这是XSLT中的数据

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
   xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   <xsl:template match="/">
  <html>

     <body>
       <div class="row">

        <xsl:for-each select="lfm/tracks/track">
         <xsl:sort  order="descending" data-type="number" select="playcount"/>
            <xsl:if test="position() &lt;= 8">
               <xsl:value-of select="result"/>

                       <div class="col s12 m3">
                             <div class="card">
                                <div class="card-image">
                                   <img>
                                   <xsl:attribute name="src">
                                      <xsl:value-of select="image[4]"/>
                                   </xsl:attribute>
                                   </img>
                                   <span class="card-title"><xsl:value-of select="name"/></span>
                                </div>
                                <div class="card-content" style="cursor:pointer;">
                                   <p><b>Song: </b> <xsl:value-of select="name"/>
                                   </p>

                                   <p><b>Artist: </b><xsl:value-of select="artist/name"/>
                                   </p>

                                   <p><b>Playcount: </b> 
                                      <xsl:value-of select="playcount"/>
                                   </p>
                                </div>

                             </div>
                       </div>


             </xsl:if>
        </xsl:for-each>

      </div>
     </body>
  </html>

的index.html: https://jsfiddle.net/8pqk5k35/

0 个答案:

没有答案