ニュースの見出しを含む 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 = "";
}
誰かが私を正しい方向に向けることができれば、私はそれを感謝します. サーバー側の言語なしで、私がやろうとしていることは可能ですか? これが意味をなさない場合は申し訳ありませんが、私は過去数時間、レンガの壁に頭をぶつけていたようです。
前もって感謝します。