Hi All. I’m developing an app using Phoenix and I want to include a JavaScript library on specific pages (don’t want to load it on those pages that don’t need it). Is there a standard way to achieve this? cheers Dave

The easiest way is probably to split it into a separate script and put <script src="new_script.js"></script> only on the pages where you want it.

My fault for no explaining my issue correctly but the library I’m using relies on Jquery which gets loaded at the end of app.html.eex so just including my script in the relevant page doesn’t work as Jquery is loaded yet. I don’t want to include my script in app.html.eex for all pages as it is rathe…

I’m getting a warning on this webpage (looks like they didn’t update their ssl certificate), but it’s essentially what I’ve been doing: https://blog.diacode.com/page-specific-javascript-in-phoenix-framework-pt-1 Shared common JavaScript between views Before continuing let’s first think about w…

Thanks Greg - I’ll have a read of the full article.

I was going to post this as I also have been using it but then I noticed someone commented that the app.js still gets the contents of those files concatenated - and I just checked and indeed it seems so - which (kinda…) partially defeats the purpose. If somebody knows how to handle the compilation o…

I’m not sure how to accomplish that. Where I’ve been using it is to change behavior of the UI in different parts of the app. It hasn’t been after saving bandwidth, as I’ve been doing pretty much everything in vanilla JS or very specific frameworks (like fabric.js). For example, there are several w…

A very easy but slightly hacky method is to put <script src="new_script.js"></script> in the body of the page and then use setTimeout in your code until `window.jQuery’ is loaded: function defer(method) { if (window.jQuery) { method(); } else { setTimeout(function() { defer(…

What I do on my polymerized pages is I pass a extra_javascript option to the assigns being a list of what extra javascript to bring in for a page to work, and my primary view just loads those in, in-order, after my app.js as well. But really, get rid of jQuery, it is not useful anymore and if you w…

You can also use Phoenix.View.render_exiting/3. Check out the “Rendering based on controller template” section in the doc

if String.contains? @conn.request_path, "somepage" do LIB end

Javascript on a single (or several) pages only

Questions & Help Questions

greven April 10, 2023, 3:09pm 19

Check this topic, I gave an answer there.