Как предоставить значение переменной таблицы стилей из HTML или JavaScript

Моя проблема касается рендеринга на клиенте, который использует 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: сразу после объявления таблицы стилей)

<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);
Источник

1 ответ

Решение

Хорошо, XSLT имеет четко определенный механизм для передачи внешних параметров в таблицу стилей XSLT, а именно путем помещения верхнего уровня xsl:param элементы в таблице стилей для определения имени внешних параметров (а также значений по умолчанию, если это необходимо), а затем с помощью API процессора XSLT для установки параметров перед запуском преобразования.

Для Mozilla, Opera, Safari, Chrome вы можете использовать один и тот же API: https://developer.mozilla.org/en/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations.

Для IE, который использует MSXML, вам нужно использовать соответствующий API MSXML: http://msdn.microsoft.com/en-us/library/ms762312%28v=vs.85%29.aspx.

Источник
Другие вопросы по тегам