Reference Scala template code in a separate Javascript File in Play Framework

Question

If I have something like this in Application.scala.html

<div id="action">Some content</div>

<script>
    $('action').click(function(){
         window.open(@routes.Application.index());
    )};
</script>

This works fine, no problem.

But if I put the script in its own Javascript file, I can no longer use the @routes.Application.index() reference. Is is possible in Play to reference Scala templates in a separate Javascript file place under public/javascripts?

Play Framework - Using Javascript Variable in Scala Template — Andrzej Jozwik
– Andrzej Jozwik, Commented Oct 14, 2014 at 18:20
Play used twirl. Check twirl documentation: twirl. There is: Template files must be named {name}.scala.{ext} where ext can be html, js, xml, or txt. — Andrzej Jozwik
– Andrzej Jozwik, Commented Oct 14, 2014 at 18:23

danielnixon · Accepted Answer · 2014-10-15 03:20:38Z

1

Have you considered something like this?

<div id="action" data-target="@routes.Application.index()">Some content</div>

<script>
    $('action').click(function(){
         var target = $(this).data('target');
         window.open(target);
    )};
</script>

You can then extract the JavaScript to its own file.

Although in this particular case an <a> tag would be more appropriate (for a number of reasons, including accessibility).

answered Oct 15, 2014 at 3:20

danielnixon

4,2781 gold badge29 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Reference Scala template code in a separate Javascript File in Play Framework

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related