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"/>

火狐客户端代码

//function loadXMLDoc()使用XMLHttpRequest对象发出 ajax 请求,并返回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 回答