在XSLT

Question

這裏使用腳本標籤中的位置功能是完整的代碼：

<xsl:for-each select="/*/hundreds/hundred"> 
<div class="page_spacer" /> 
<div class="page_section" style="{./style}"> 
<h2><xsl:value-of select="./label"/></h2> 
<div id="graphDiv{position()}"></div> 
<script> 
var ctx = createCanvas("graphDiv{position()}"); 
var graph = new BarGraph(ctx); 
graph.maxValue = 30; 
graph.margin = 2; 
graph.colors = ["#49a0d8", "#d353a0", "#ffc527", "#df4c27"]; 
graph.xAxisLabelArr = ["North", "East", "West", "South"]; 
setInterval(function() { 
    graph.update([Math.random() * 30, Math.random() * 30, Math.random() * 30, Math.random() * 30]); 
}, 1000); 
</script> 
<xsl:value-of select="./descriptiontext" /> 
<button onclick="javascript:window.location.href='{./viewalllink}'"><xsl:value-of select="./viewalllabel" /></button> 
<br/> 
<xsl:for-each select="./contendors/contendor"> 
    <a href="/location/{./locid}" ><img class="locationthumb" src="/act/locationthumb/{./locid}"/></a> 
</xsl:for-each> 
</div> 
</xsl:for-each> 

我正在尋找實現如下：

<div id="graphDiv{position()}"></div> 
<script> 
var ctx = createCanvas("graphDiv{position()}"); 

如果你看看，在我XSLT我將div指定爲graphDiv1，如果它位於第一位。在我的劇本中，我打電話給createCanvas function。不幸的是，我需要將值graphDiv1傳遞給createCanvas function。

所以，我需要把position放入script那叫createCanvas。

我確定我做的不正確，這只是我第二天使用XSLT。

這裏是我的XML：

<hundreds> 
    <hundred> 
     <style>test</style> 
     <label>label</label> 
     <descriptiontext>something description</descriptiontext> 
     <viewalllink>viewurl</viewalllink> 
     <viewalllabel>viewurl</viewalllabel> 
     <contendors> 
      <contendor> 
       <locid>810</locid> 
      </contendor> 
     <contendors> 
    </hundred> 
</hundreds> 

Answer 1

此鏈接可以幫助你：

http://www.ibm.com/developerworks/library/x-tiphtml/

然而代替

<xsl:value-of select="value"/> 

你需要做的：

<xsl:value-of select ="position()"/> 

Answer 2

當創建前述div元件，則這樣做是（這是很好的）：

<div id="graphDiv{position()}"></div> 

大括號被稱爲Attribute Value Templates，平均表達內它們被評估，以將結果輸出。顧名思義，這隻在屬性值中有效，而不在純文本節點中。在文本節點的情況下，你可以使用xsl:value-of

<script> 
    var ctx = createCanvas("graphDiv<xsl:value-of select="position()" />"); 
    var graph = new BarGraph(ctx); 

它可能看起來「古怪」一見傾心，但要記住，XSLT沒有任何的JavaScript的理解。就XSLT而言，它僅僅是一段文字。您只需輸出名稱爲script的元素，該元素具有文本節點作爲子元素，並將position()的值作爲該文本的一部分。