2011-05-25 14 views
0

私のウェブサイトには、XMLファイルからスコアを取得するスコアボードがあります。勝者を強調することを除いて、他人が更新するのはとても簡単です。HTMLのXML値を置き換えます。

これは、XMLファイルからのサンプルゲームです:あなたが見ることができるように

<game> 
<month>05</month><day>25</day><year>11</year> 
<type>Football</type> 
<homeName>Wildcats</homeName><homeScore>45</homeScore><homeWinner></homeWinner> 
<awayName>Bruins</awayName><awayScore>55</awayScore><awayWinner>y</awayWinner> 
</game> 

、私は彼らが単に勝者を確認したいです。しかし、HTMLで読み込んだときに、yを矢印イメージに置き換えてください。

それはとてもここでは関係HTMLだ、Spryのスコアボードです:

<td class="winner"><img src="arrow.png" /></td> 

の代わり:

<td class="winner">y</td> 

<script type="text/javascript"> 
var dsScoreboard = new Spry.Data.XMLDataSet("scoreboard.xml", "scoreboard/game", {sortOnLoad: "date", sortOrderOnLoad: "descending"}); 
dsScoreboard.setColumnType("date", "date"); 
</script> 

<div spry:region="dsScoreboard"> 
<table class="scoreboard" cellspacing="15" cellpadding="0" border="0"> 
    <tr> 
    <td spry:repeat="dsScoreboard"> 
     <table class="game" cellspacing="0" cellpadding="0" border="0"> 
     <tr> 
     <td class="date month">{month}</td> 
     <td class="type" colspan="3">{type}</td> 
     </tr> 
     <tr> 
     <td class="date day">{day}</td> 
     <td class="winner">{awayWinner}</td> 
     <td class="name">{awayName}</td> 
     <td class="score">{awayScore}</td> 
     </tr> 
     <tr> 
     <td class="date year">{year}</td> 
     <td class="winner">{homeWinner}</td> 
     <td class="name">{homeName}</td> 
     <td class="score">{homeScore}</td> 
     </tr> 
     </table> 
    </td>  
    </tr> 
</table> 
</div> 

だから勝者電池の出力HTMLのようなものでなければなりません

これは簡単にできますか?ありがとうございました。

+0

ようこそ。誰かのために十分な文脈や情報を提供していない。環境をより詳細に記述してください。つまり、最小限の完全な入力XMLと望ましい出力HTMLを表示し、現在どのようにXMLをHTMLに変換しているかを記述してください。ありがとう、ジム。 –

+0

私は私の質問を更新しました。 – Beau

答えて

1

ほしいものはspry:chooseです。私はspryを一度も使用していませんが、これはぼんやりとこのようなものです:

<td class="winner"> 
    <span spry:choose="spry:choose"> 
    <img src="arrow.png" spry:when="'{homeWinner}' == 'y'" /> 
    <span spry:default="spry:default"></span> 
    </span> 
</td> 
+0

ありがとう、Ryley。それはほぼ完璧です。アドビの記事では、spry:whenステートメントをspanタグに入れ、imgタグの周りにラップしました。それは素晴らしい作品です。 – Beau

関連する問題