thymeleaf js source url

Question

I'm trying to develop a web application with Thymeleaf and I've created an html page that uses an external JavaScript file to change an image URL.But the standard syntax URL:

document.getElementById("im1").src="images/img1.jpg" ;

does not work.Everything else in the JavaScript code works fine.What kind of URL syntax should I use?Thanks in advance.

Jad B. · Accepted Answer · 2014-08-18 12:29:21Z

8

Try something like :

<script th:inline="javascript">
    /*<![CDATA[*/
        var context = [[@{/}]];
    /*]]>*/

    document.getElementById("im1").src=context + 'images/img1.jpg' ;

</script>

Maybe your code didn't reach the image in the context. Debug or use console to see the URL generated from: context + 'images/img1.jpg'. Then try to acess it via your browser. Normaly it should display the image.

answered Aug 18, 2014 at 12:29

Jad B.

1,49315 silver badges15 bronze badges

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

2 Comments

Aikanáro Over a year ago

Why the brackets around the thymeleaf expression?? @Jadenko88

Augustin Ghauratto Over a year ago

Because this is required syntax. See documentation for more info.

Collectives™ on Stack Overflow

thymeleaf js source url

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related