XSL Variable passed to JavaScript code

Question

I've seen that similar questions were asked, but none helped.

I have a variable, called 'var':

<xsl:variable name="var">
  val
</xsl:variable>

And I want to use it as such:

<a onclick=
  "
    this.innerHTML = 'my var = ??? '/>;
  "
>
  click-Me
</a>

The problem: Replace ??? with var's value.

I've tried setting {$var} as well as <xsl:value-of select="$var"/>, but the latest won't work since there are three nested brackets.

In what way do you "have" this variable var?

Explosion Pills
– Explosion Pills

2013-08-28 16:58:48 +00:00
Commented Aug 28, 2013 at 16:58 — Explosion Pills
– Explosion Pills, Commented Aug 28, 2013 at 16:58
It's hidden data of a table cell.

Mugen
– Mugen

2013-08-29 08:10:03 +00:00
Commented Aug 29, 2013 at 8:10 — Mugen
– Mugen, Commented Aug 29, 2013 at 8:10

Justin Bicknell · Accepted Answer · 2013-08-28 17:10:09Z

1

My suggestion would be the following. First I would make a hidden div to hold the content of the xsl var:

<div style="display:none" id="content-div">
     <xsl:value-of select="$var"/>
</div>

Then bind a click event (not inline) to the link as follows:

<a id="some-link">
  click-Me
</a>

<script>
     document.getElementById('some-link').onclick = function(){
          this.innerHTML = document.getElementById('content-div').innerHTML;
     };
</script>

edited Aug 28, 2013 at 17:10

answered Aug 28, 2013 at 16:58

Justin Bicknell

4,81620 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

XSL Variable passed to JavaScript code

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