条件分岐、文字列の検索

XMLファイルの作成：

こちらのファイルをテキストエディタ（秀丸やメモ帳など）上で作成し、 building4-1.xmlという名前で保存しましょう。これは、「要素、属性」のページで作成したbuilding3-1.xmlに、画像の要素を増やしたものです。

XSLTスタイルシートの作成（1）：

そして、XSLTスタイルシートを作成します。building4-1.xslというファイル名で保存してください。このファイルは、building3-3.xslに手を加えて作成しました。このように見えるはずです。

*********** building4-1.xsl ************

<?xml version="1.0" encoding="Shift_JIS"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="html" />

<xsl:template match="/" >
  <html>
  
  <head>
  <title>
  <xsl:value-of select="buildings/@title" />
  </title>
  </head>
  
  <h1><xsl:value-of select="buildings/@title" /></h1>

  <table border="1">
  <tr>
    <th>No.</th>
    <th>名前</th>
    <th>階数</th>
    <th>特徴</th>
    <th>画像</th>
  </tr>
  
  <xsl:apply-templates select="buildings" />
  
  </table>
  
  
  </html>
</xsl:template>


<xsl:template match="buildings">
  <xsl:for-each select="building">
  
    <tr>
      <td><xsl:value-of select="@id" /></td>
      <td><xsl:value-of select="name" /></td>
      <td><xsl:value-of select="floor" /></td>
      <td><xsl:value-of select="comment" /></td>
      <td>

        <xsl:for-each select="image">

          <xsl:element name="a">
            <xsl:attribute name="href">
              <xsl:value-of select="url" />
            </xsl:attribute>
        
            <xsl:element name="img">
              <xsl:attribute name="src">
                <xsl:value-of select="thumnail_url" />
              </xsl:attribute>
              <xsl:attribute name="width">60</xsl:attribute>
              <xsl:attribute name="height">45</xsl:attribute>
            </xsl:element>
        
          </xsl:element>
        </xsl:for-each>
        
      </td>
    </tr>
  </xsl:for-each>
</xsl:template>


</xsl:stylesheet>

上記の記述方法でもいいのですが、もう一つtemplateを使用してすっきりと書き直してみたのが下記のものです。どちらでもいいのですが、本質的に同じだということを理解してください。

*********** building4-1.xsl （もう少しすっきりと書き直し）************

<?xml version="1.0" encoding="Shift_JIS"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="html" />

<xsl:template match="/" >
  <html>
  
  <head>
  <title>
  <xsl:value-of select="buildings/@title" />
  </title>
  </head>
  
  <h1><xsl:value-of select="buildings/@title" /></h1>

  <table border="1">
  <tr>
    <th>No.</th>
    <th>名前</th>
    <th>階数</th>
    <th>特徴</th>
    <th>画像</th>
  </tr>
  
  <xsl:apply-templates select="buildings" />
  
  </table>
  
  
  </html>
</xsl:template>


<xsl:template match="buildings">
  <xsl:for-each select="building">
  
    <tr>
      <td><xsl:value-of select="@id" /></td>
      <td><xsl:value-of select="name" /></td>
      <td><xsl:value-of select="floor" /></td>
      <td><xsl:value-of select="comment" /></td>
      <td><xsl:apply-templates select="image" /></td>
    </tr>
  </xsl:for-each>
</xsl:template>


<xsl:template match="image">
  <xsl:for-each select=".">
    <xsl:element name="a">
      <xsl:attribute name="href">
        <xsl:value-of select="url" />
      </xsl:attribute>
        
      <xsl:element name="img">
        <xsl:attribute name="src">
          <xsl:value-of select="thumnail_url" />
        </xsl:attribute>
        <xsl:attribute name="width">60</xsl:attribute>
         <xsl:attribute name="height">45</xsl:attribute>
      </xsl:element>
    </xsl:element>
  </xsl:for-each>
</xsl:template>


</xsl:stylesheet>

条件分岐：

XSLTにおける条件分岐の方法には、 <xsl:if>～</xsl:if>もあるのですが、これは真の場合の処理しかなく、偽の場合の処理がありません。偽の場合の処理にも対応したものとして、下記の<xsl:choose>～</xsl:choose>が使われます。

その使い方は下の通りです。

<xsl:choose>

    <xsl:when test="条件式">
      （真の場合の処理）
    </xsl:when>

    <xsl:otherwise>
      （偽の場合の処理）
    </xsl:otherwise>

</xsl:choose>

それでは、階数が2階以上なら背景を黄色にして目立つように表示する、という状況を想定してください。building4-1.xslを元に、下に示された赤い行を追記して、 building4-2.xslというファイルを作ってください。また、building4-1.xmlをコピーして、スタイルシートの指定先を変更した上で、 building4-2.xmlという名前で保存しましょう。このように見えるはずです。

*********** building4-2.xsl ************

<?xml version="1.0" encoding="Shift_JIS"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="html" />

<xsl:template match="/" >
  <html>
  
  <head>
  <title>
  <xsl:value-of select="buildings/@title" />
  </title>
  </head>
  
  <h1><xsl:value-of select="buildings/@title" /></h1>

  <table border="1">
  <tr>
    <th>No.</th>
    <th>名前</th>
    <th>階数</th>
    <th>特徴</th>
    <th>画像</th>
  </tr>
  
  <xsl:apply-templates select="buildings" />
  
  </table>
  
  
  </html>
</xsl:template>


<xsl:template match="buildings">
  <xsl:for-each select="building">

    <xsl:variable name="floornum" select="floor" />
    
    <xsl:choose>
      <xsl:when test="$floornum &gt; 1">
        <tr bgcolor="yellow" bordercolor="red">
          <td><xsl:value-of select="@id" /></td>
          <td><xsl:value-of select="name" /></td>
          <td><xsl:value-of select="floor" /></td>
          <td><xsl:value-of select="comment" /></td>
          <td><xsl:apply-templates select="image" /></td>
        </tr>
      </xsl:when>
      <xsl:otherwise>
        <tr>
          <td><xsl:value-of select="@id" /></td>
          <td><xsl:value-of select="name" /></td>
          <td><xsl:value-of select="floor" /></td>
          <td><xsl:value-of select="comment" /></td>
          <td><xsl:apply-templates select="image" /></td>
        </tr>
      </xsl:otherwise>
    </xsl:choose>

  </xsl:for-each>
</xsl:template>



<xsl:template match="image">
  <xsl:for-each select=".">
         
    <xsl:element name="a">
      <xsl:attribute name="href">
        <xsl:value-of select="url" />
      </xsl:attribute>
        
      <xsl:element name="img">
        <xsl:attribute name="src">
          <xsl:value-of select="thumnail_url" />
        </xsl:attribute>
        <xsl:attribute name="width">60</xsl:attribute>
        <xsl:attribute name="height">45</xsl:attribute>
      </xsl:element>
        
    </xsl:element>
  </xsl:for-each>
</xsl:template>

</xsl:stylesheet>

文字列の検索：

今度は、特定の文字列が含まれる要素のみを目立つように色を変えて表示させたい。文字列の検索には、下記のcontains関数を使います。

contains(検索対象, '検索したい文字列')

「検索対象」には、要素ノードや属性ノードを指定します。「検索対象」に「検索したい文字列」が含まれていれば、trueを返す関数です。

このcontains関数を使って、「建物名」に「グラウンド」が含まれる要素を抽出してみましょう。下記のXSLTスタイルシートを「building4-4.xsl」として作成しましょう。また、そのXMLファイルは、 building4-1.xmlをそのままコピーし、スタイルシートの指定先だけ変更して、 building4-4.xmlというファイル名で保存しましょう。こちらのページのように表示されるはずです。

*********** building4-4.xsl ************

<?xml version="1.0" encoding="Shift_JIS"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="html" />

<xsl:template match="/" >
  <html>
  
  <head>
  <title>
  <xsl:value-of select="buildings/@title" />
  </title>
  </head>
  
  <h1><xsl:value-of select="buildings/@title" /></h1>

  <table border="1">
  <tr>
    <th>No.</th>
    <th>名前</th>
    <th>階数</th>
    <th>特徴</th>
    <th>画像</th>
  </tr>
  
  <xsl:apply-templates select="buildings" />
  
  </table>
  
  
  </html>
</xsl:template>


<xsl:template match="buildings">
  <xsl:for-each select="building">

    <xsl:choose>
      <xsl:when test="contains(name, 'グラウンド')">
        <tr bgcolor="yellow" bordercolor="red">
          <td><xsl:value-of select="@id" /></td>
          <td><xsl:value-of select="name" /></td>
          <td><xsl:value-of select="floor" /></td>
          <td><xsl:value-of select="comment" /></td>
          <td><xsl:apply-templates select="image" /></td>
        </tr>
      </xsl:when>
      <xsl:otherwise>
        <tr>
          <td><xsl:value-of select="@id" /></td>
          <td><xsl:value-of select="name" /></td>
          <td><xsl:value-of select="floor" /></td>
          <td><xsl:value-of select="comment" /></td>
          <td><xsl:apply-templates select="image" /></td>
        </tr>
      </xsl:otherwise>
    </xsl:choose>

  </xsl:for-each>
</xsl:template>


<xsl:template match="image">
  <xsl:for-each select=".">
         
    <xsl:element name="a">
      <xsl:attribute name="href">
        <xsl:value-of select="url" />
      </xsl:attribute>
        
      <xsl:element name="img">
        <xsl:attribute name="src">
          <xsl:value-of select="thumnail_url" />
        </xsl:attribute>
        <xsl:attribute name="width">60</xsl:attribute>
        <xsl:attribute name="height">45</xsl:attribute>
      </xsl:element>
        
    </xsl:element>
  </xsl:for-each>
</xsl:template>

</xsl:stylesheet>

条件分岐、文字列の検索

演習内容

課題