Pass through XSL variable to inline JavaScript function

Question

How do I pass through an xsl variable to my inline JavaScript function? I want to in turn, process it and populate a table column.

  <td>
    <xsl:variable name="symbol" select="symbol"/>
    <script language="javascript">
      <![CDATA[
        $(document).ready(function () {
          getPrice('<xsl:value-of select="symbol"/>');
        });

        function getPrice(symbol)
        {
          alert(symbol);
          var target = document.getElementById(symbol + '_price');
          $( target ).html( 'test' );
        }
      ]]>
    </script>
    <div id='{symbol}_price'></div>
  </td>

Michael Kay · Accepted Answer · 2018-05-21 07:35:53Z

1

If you're running this using the built-in XSLT 1.0 engine in the browser, remember that the XSLT code is simply generating HTML. Your XSLT code is generating a page that contains the source code of a Javascript function, but you can't execute this function while you are still generating the page. What you can do is to generate HTML code that calls the function, but that doesn't sound too useful in your case.

Also, generating HTML that contains a script element inside a td element doesn't seem a very good idea.

But why are you invoking Javascript at all? As far as I can see, all your Javascript function is doing is to read the source XML. Surely the way to do that is with XPath expressions?

answered May 21, 2018 at 7:35

Michael Kay

165k11 gold badges97 silver badges173 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Pass through XSL variable to inline JavaScript function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related