XSLT - クライアント側
- 前のページ XSLT Apply
- 次のページ サーバーサイドの XSLT
ブラウザがXSLTをサポートしている場合、ブラウザ内でドキュメントをXHTMLに変換することができます。
JavaScript解決策
前の章で、XSLTを使用してXMLドキュメントをXHTMLに変換する方法について説明しました。この作業を完了するために、以下の手順を踏みました：XMLファイルにXSLスタイルシートを追加し、ブラウザで変換を行いました。
この方法は効果が良いですが、XMLファイルにスタイルシートの参照を含めることは常に満足のいくものではありません（例えば、XSLTを認識できないブラウザではこの方法が機能しません）。
より一般的な方法として、JavaScriptを使用して変換を完了することができます。
JavaScriptを使用して、以下のことができます：
- ブラウザ確認テストを実行します
- ブラウザとユーザーのニーズに応じて異なるスタイルシートを使用してください
これが XSLT の魅力です！XSLT の設計目的の1つは、1つのフォーマットから別のフォーマットへの変換を可能にすることであり、また異なる種類のブラウザと異なるユーザーのニーズをサポートすることです。
ブラウザの XSLT 変換は、将来のブラウザが実行する主要なタスクの1つになるでしょう。また、特定のブラウザ市場におけるその成長（点字、ネットワークプリンター、聴覚デバイスなど）を目にするでしょう。
XML ファイルと XSL ファイル
前の章で示した XML 文書を確認してください：
<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
。
。
。
</catalog>
および付随の XSL スタイルシート：
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title" /></td>
<td><xsl:value-of select="artist" /></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
このXMLファイルにはXSLファイルへの参照が含まれていませんのでご注意ください。
重要な事項：この文は、XMLファイルが複数の異なるXSLスタイルシートを使用して変換できることを意味します。
ブラウザでXMLをXHTMLに変換する
これはクライアント側でXMLファイルをXHTMLに変換するためのソースコードです：
<html>
<body>
<script type="text/javascript">
// Load XML
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("cdcatalog.xml")
// Load XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("cdcatalog.xsl")
// Transform
document.write(xml.transformNode(xsl))
</script>
</body>
</html>
ヒント：JavaScriptを書く方法がわからない場合は、私たちの「JavaScriptチュートリアル》。
第一段コードはマイクロソフトのXMLパーサーのインスタンスを作成し、XMLファイルをメモリに読み込みます。第二段コードはパーサーの別のインスタンスを作成し、そのXSLファイルをメモリに読み込みます。最後の行コードはXSLドキュメントを使用してXMLドキュメントを変換し、結果をブラウザでXHTMLとして表示します。タスクが完了しました！
- 前のページ XSLT Apply
- 次のページ サーバーサイドの XSLT
