XF 1.4 It is possible to use conditionals by creating an external JavaScript file?

[Dylan V]

Hello,

I'd like that my JavaScript code is not placed in the template of my style, but rather in an external JavaScript file located in the folder of my style. I've tried to use a condition in the external file, but it doesn't work (it works only if the code is in the template of the style). So, it is possible to use conditionals by creating an external JavaScript file?

 

[Mike]

I can't say I totally understand what you're trying to accomplish. The JS files are just JS. You can't use template syntax in them.

 

[Dylan V]

I can't say I totally understand what you're trying to accomplish. The JS files are just JS. You can't use template syntax in them.

Yes, that was what I wanted to know. I wanted to know if it was possible to use a condition in an external file other than the template of the style.

Example:

 

[Chris D]

Use the conditional in the template around the code that calls banner-picker.js, e.g.

<xen:if is="@bannerPicker">
    <xen:require js="path/to/banner-picker.js" />
</xen:if>

 

[Paul B]

Put the conditional statement in the template and call the js file within it.

 

[Dylan V]

I've another question. Everything works now, but how would it be possible to make this compatible?





The style property does not work if it is placed inside the external js file, so how can I make it compatible? It works if it is placed in the template of the style only.

 

[cclaerhout]

@Dylan V
Have a look at this thread, it might help.

 

[Dylan V]

@Dylan V
Have a look at this thread, it might help.

Thanks. I can't apply this, because I did not need to add a class directly. It is added when I click on the element, so I don't know how I can do.