Using javascript in thymeleaf th:src

Question

I'm trying to do something like this:

 <iframe th:src="'myFunction($videoUrl);'"></iframe>

where myFunction is a jQuery function. I want the src value to be the output of the function.

So far, I've tried

<iframe th:src="'javascript:myFunction(\''+ ${videoUrl} +'\');'" ></iframe>

However the output is not the result of the function, but the function with the url as attributeL. I'm guessing this works well with onClick, but it's not what I'm looking for.

Is it possible?

Metroids · Accepted Answer · 2017-04-28 21:41:51Z

2

Uhh... thymeleaf/javascript just don't work this way. Instead of trying to set the source directly with a javascript function, you should be doing this in a document ready block. Something like this for example:

<script type="text/javascript" th:inline="javascript">
  $(function() {
    var url = [[${videoUrl}]];
    $('#video').attr('src', myFunction(url));
  });
<script>

<iframe id="video"></iframe>

answered Apr 28, 2017 at 21:41

Metroids

20.6k4 gold badges49 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

Using javascript in thymeleaf th:src

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