4

我还有一个包含新闻标题的 xml 文件，还有一个包含完整新闻故事的 xml。这些 xml 文件由唯一的故事 ID 链接。

我正在构建一个包含 2 个部分的网页。其中一个部分是一个故事列表，我可以使用 XSLT 和标题 xml 文件生成它。我需要根据单击的链接更新第二部分。

这是生成标题部分的 xslt

<xsl:for-each select="response/newsList/news">
    <div class="newsListItem">
      <h2><xsl:value-of select="title" /></h2>
      <p><xsl:value-of select="shortText" /></p>
      <p>
      <xsl:element name="a">
      <xsl:attribute name="href">
        index.html?newsid=<xsl:value-of select="id"/>
      </xsl:attribute>
      <xsl:attribute name="rel">
        <xsl:value-of select="id"/>
      </xsl:attribute>
      <xsl:attribute name="onclick">
        removeContent(); displayXMLItem('newsItem','newsFullArticles.xml','articleFull.xsl'); return false;
      </xsl:attribute>
      <xsl:text>More</xsl:text>
      </xsl:element>

      </p>
    </div>
</xsl:for-each>

第二部分的 xslt 是

  <xsl:for-each select="response/newsList/news[id=?]">
    <div class="newsListItem">
      <h2>The Full Article</h2>
      <p><xsl:value-of select="text" /></p>
    </div>
  </xsl:for-each>

我知道我需要以某种方式更新 id=? 表明我想展示哪个故事，但我可以看到如何去做。不幸的是，我不能使用任何服务器端语言，这一切都必须在 vanilla JavaScript 中完成。

我调用所有内容的 html 页面在这里

function loadXMLDoc(dname)
{
if (window.ActiveXObject)
{
  xhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0");
}
else
{
  xhttp=new XMLHttpRequest();
}
xhttp.open("GET",dname,false);
xhttp.send("");
return xhttp.responseXML;
}

var displayXMLItem = function(container, xmlFileToParse, xslTemplate,itemIdentifier)
{
xml=loadXMLDoc(xmlFileToParse);
xsl=loadXMLDoc(xslTemplate);
// code for IE
if (window.ActiveXObject)
  {
  ex=xml.transformNode(xsl);
  document.getElementById(newsListContainer).innerHTML=ex;
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xsltProcessor=new XSLTProcessor();
  xsltProcessor.importStylesheet(xsl);
  resultDocument = xsltProcessor.transformToFragment(xml,document);
  document.getElementById(container).appendChild(resultDocument);
  }
}
var removeContent = function(){
document.getElementById('newsItem').innerHTML = "";
}

如果有人能指出我正确的方向，我将不胜感激。如果没有服务器端语言，我正在尝试做的事情是否可行？抱歉，如果这没有意义，在过去的几个小时里，我一直在用头撞砖墙，所以看起来。

提前致谢。

4

0 回答 0