We help IT Professionals succeed at work.

Thymeleaf with External Javascript files

Omer-Pitou
Omer-Pitou asked
on
1,621 Views
Last Modified: 2019-02-04
Dear sirs,

I would like to include javascript external files into my Thymeleaf template, and use localized strings inside the javascript file.
I can't understand why it is not evaluated.
In HTML
<script th:inline="javascript" th:src="@{/js/xxxx.js}"

In Javascript file
/*<![CDATA[*/
function showCode() {

      
    //var code = /*[[${code}]]*/ '12345';
      var code = /*[[#messages.msg('form.description')]]*/ 'descr';
   
    document.getElementById('code').innerHTML = code;
   
   
}

/*]]>*/

Please help
Comment
Watch Question

CERTIFIED EXPERT
Top Expert 2016

Commented:
<script type="text/javascript" th:src="@{/sh/scripts/codebase.js}"></script>

Open in new window


( from https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html )

Author

Commented:
Hello CEHJ,

What I am trying to achieve, is that I want to have the following evaluated:
var code = /*[[#messages.msg('form.description')]]*/ 'descr';

Author

Commented:
Hi Sirs
I found the solution
<script th:inline="javascript">
                  /*<![CDATA[*/
                  /*[+ [# th:insert="~{../static/app/js/account-grid.js}" /] +]*/
                  /*]]>*/
            </script>
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions