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

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

1 голос
/ 08 марта 2012

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

1 голос
/ 08 марта 2012

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

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

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

...