1

私の問題は、xsl を使用するクライアントでのレンダリングに関するものです。これはすでにIEで動作しますが、Firefoxで動作させたいです

まず、スタイルシート (variablexsl.xsl) ここで唯一特別なのは、

<xsl:variable name="module" select="string('RES')"/>

<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="/">
        <xsl:variable name="module" select="string('RES')"/>
        <table cellpadding="0" cellspacing="0" border="0" ID="randomID">
            <tr>
                <xsl:choose>
                    <xsl:when test="$module = 'EDU'">
                        <td>EDU was supplied..</td>
                    </xsl:when>
                </xsl:choose>
            </tr>
            <tr>
                <xsl:choose>
                    <xsl:when test="$module = 'RES'">
                        <td>RES was supplied..</td>
                    </xsl:when>
                </xsl:choose>
            </tr>
        </table>
    </xsl:template>
</xsl:stylesheet>

さて、html ファイル index.html

<html>
<head>
    <script>
        function selectmTab(args) {
            var xml = loadXMLDoc("variabledata.xml"); //ajax call and holds the responseXML. variabledata.xml is empty
            var xsl = loadXMLDoc("variablexsl.xsl");  //ajax call and holds the responseXML
            var ss2 = xsl.selectSingleNode('//xsl:variable/@select');
            ss2.value = "string('" + args + "')";
            document.getElementById("xsltest").innerHTML = xml.transformNode(xsl);
        }
    </script>
</head>
<body onload="displayResult()">
    <div>
    <input type="button" value="EDU" onclick="selectmTab('EDU');" />
    <input type="button" value="RES" onclick="selectmTab('RES');" />
    </div>
    <div id="xsltest"></div>
</body>
</html>

最後に、EDUとRESのボタンをクリックすると、IEではテキストが正しく表示されますが、他のブラウザでは正しく表示されません。document.evaluate() を使用しようとしましたが、エラーが発生し続けました..そして最終的に SO に助けを求めました!

ありがとう！

解決策: スタイルシートに次の変更を加えてから、xsltprocessor().setParameter を使用するとうまくいきました。

スタイルシートの変更: (スタイルシート宣言の直後に新しい xsl:param を追加)

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param name="winnersOnly">RES</xsl:param>

そして、次のように<xsl:variable>直後に宣言を変更<xsl:template match="/">します。

<xsl:template match="/">
<xsl:variable  name="module" select="$winnersOnly"/>

Firefox のクライアント コード

//オブジェクトfunction loadXMLDoc()を使用して ajax リクエストを作成し、呼び出し元にXMLHttpRequestを返します。responseXML

var processor = new XSLTProcessor();
xslholder = loadXMLDoc("styles.xsl");
processor.importStylesheet(xslholder);
processor.setParameter(null, "winnersOnly", "EDU"); //setting the value here
xmlholder = loadXMLDoc("data.xml");
var ownerDocument = document.implementation.createDocument("", "test", null);
var newFragment = processor.transformToFragment(xmlholder, ownerDocument);
document.getElementById("fragment").appendChild(newFragment);
4

1 に答える 1

1

XSLTには、外部パラメーターをXSLTスタイルシートに渡すための明確に定義されたメカニズムがあります。つまりxsl:param、スタイルシート内にトップレベルの要素を配置して外部パラメーターの名前（および必要に応じてデフォルト値）を定義し、XSLTプロセッサーのAPIを使用します。変換を実行する前にパラメータを設定します。

Mozilla、Opera、Safari、Chromeの場合、同じAPIを使用できます：https ：//developer.mozilla.org/en/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations#Setting_parameters 。

MSXMLを使用するIEの場合、対応するMSXML APIを使用する必要があります：http：//msdn.microsoft.com/en-us/library/ms762312%28v=vs.85%29.aspx。

于 2012-03-08T12:06:17.197 に答える