Call external javaScript function into XSLT file

Question

I am trying to call an external javaScript function in XSLT file,the function will be called when i click on the image element.

The XSLT file is as bellow:

 <xsl:template match="link|para//link">
    <xsl:element name="a">
      <xsl:attribute name="href">
        <!--OpenPopupDetailsTexte('<xsl:value-of select="@href"/>', 1);-->
        <!--alert();-->
      </xsl:attribute>
      <xsl:attribute name="title">
        <xsl:choose>
          <xsl:when test="text() = 'n'">Note circulaire</xsl:when>
          <xsl:when test="text() = 'm'">Modification</xsl:when>
          <xsl:when test="text() = 'd'">D&#233;cret d application</xsl:when>
          <xsl:when test="text() = 'ma'">Abrogation</xsl:when>
          <xsl:when test="text() = 't'">Renvoi au texte</xsl:when>
          <xsl:when test="text() = 'a'">Arr&#234;t&#233; minist&#233;riel</xsl:when>
          <xsl:when test="text() = 'mc'">Texte compl&#233;tant cette disposition</xsl:when>
          <xsl:otherwise></xsl:otherwise>
        </xsl:choose>
      </xsl:attribute>
      <xsl:element name="img">
        <xsl:attribute name="src">/assets/projets/images/<xsl:value-of select=". "/>.gif</xsl:attribute>
        <xsl:attribute name="border">0</xsl:attribute>
      </xsl:element>
    </xsl:element>
  </xsl:template>

the name of my external function is OpenPopupDetailsTexte.

the results in HTML is :

<a href="unsafe:&#10;        javascript:OpenPopupDetailsTexte('cgitva_T19_N1', 1)&#10;      " title="Note circulaire"><img src="/assets/projets/images/n.gif" border="0"></a>

Tim C · Accepted Answer · 2019-01-15 11:07:54Z

2

Note that you are not calling an external javascript function in your XSLT. You are simply outputting text which will just happen to be parsed as Javascript when the resultant output is processed in a browser.

Anyway, you need to wrap the relevant javascript text in xsl:text to prevent line breaks being included. (Whitespace won't be stripped in XSLT if there are non-whitespace characters in the same node)

<xsl:element name="a">
  <xsl:attribute name="href">
    <xsl:text>javascript:OpenPopupDetailsTexte('<xsl:text>
    <xsl:value-of select="@href"/>
    <xsl:text>', 1);</xsl:text>
  </xsl:attribute>

Or, better still, use Attribute Value Templates...

<a href="javascript:OpenPopupDetailsTexte('{@href}', 1);">

So, the expressions in curly braces represent an expression to be evaluated, rather than output literally. (Also note there is no need to use xsl:element to create the element, when the name is going to be static).

edited Jan 15, 2019 at 11:07

answered Jan 15, 2019 at 10:52

Tim C

70.7k14 gold badges77 silver badges94 bronze badges

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

3 Comments

Martin Honnen Over a year ago

Should be some event handler attribute like <a onclick="OpenPopupDetailsTexte('{@href}', 1);" ...> if you want the script to be called by the browser. Or for a href attribute you would need to use a javascript: URL <a href="javascript: void OpenPopupDetailsTexte('{@href}', 1);">.

Tim C Over a year ago

Ah yes. Good point. I've amended my answer to use the javascript: prefix in this case.

Moum Over a year ago

yes it works for me, but i'm using Angular, when i click to call this function, `i get this link href="unsafe:javascript:OpenPopupDetailsTexte('cgitva_T19_N1', 1);" when i remove the unsafe it's work.

Collectives™ on Stack Overflow

Call external javaScript function into XSLT file

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related