Call a function from an external JavaScript file in href with Symfony and Twig

Question

I'm trying to call a function from an external JavaScript file in href with Symfony and Twig.

Here is my JavaScript file pm.js :

function test(id) {
    alert(id);
}

And here is my template :

{# templates/pm/pm.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}{{ parent() }} | Private messaging{% endblock %}

{% block body %}
    (...)
    <a href="javascript:test({{ message.id }});">test</a>
    (...)
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('build/js/pm.js') }}"></script>
{% endblock %}

How can I do that? Thanks for help.

iiirxs · Accepted Answer · 2018-09-25 18:57:12Z

2

That happens because you are using a compiled pm.js javascript file (that's why it lives in build/js I guess). If you just have placed pm.js in your public js folder without compiling it your code will be good to work as it is.

Your problem is that your function after the compilation is not a global function. You could overcome this with several ways, the most simple of them being:

window.test = function test(id) {
    alert(id);
}

Just assign your function test() to a window variable window.test and it will work.

edited Sep 25, 2018 at 18:57

answered Sep 25, 2018 at 18:51

iiirxs

4,6022 gold badges23 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Call a function from an external JavaScript file in href with Symfony and Twig

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