4

ニュースの見出しを含む xml ファイルもあり、完全なニュース記事を含む 2 つ目の xml ファイルがあります。これらの xml ファイルは、一意のストーリー ID によってリンクされています。

2 つのセクションを持つ単一の Web ページを作成しています。1 つのセクションには記事のリストがあり、XSLT と見出しの xml ファイルを使用して生成できます。どちらのリンクがクリックされたかに基づいて、2 番目のセクションを更新する必要があります。

これは、見出しセクションを生成する 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>

2 番目のセクションの 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=? を更新する必要があることを理解しています。どのストーリーを表示したいかを示すためですが、その方法はわかります。残念ながら、私はサーバー側の言語を使用できません。すべてバニラ 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