Hello! I want add script to “After Header” in my theme component, but this is not work. code: <button type="button" class="btn btn-outline btn-small" id="Send">Send</button> <script> var btn = document.querySelector('#Send'); btn.addEventListener('click', function(e) { e.preventDefault(); …

Maybe add the script in the header and the button in the after header.

I try add button to after header and code with script add to header, I view button but script not work. It’s work only if I add all code (button + sctipr) in head_tag, in other section not work, I need add this in after_header :frowning:

This is simply not possible. Note, the developers guide mentions you have only three options for script tags to fire: [image] Developing Discourse Themes & Theme Components Now, since this is a script, we need be a little bit more careful where to add to ensure that it fires. You have one of thr…

How to add JS in After Header?

Support

DragonByte (Dragon Byte) June 27, 2022, 11:08am 5

I found solution in this: Add custom content that only appears on your homepage

Thanks

Topic		Replies	Views
How to add Javascript to Footer Of Posts? Support	3	894	October 10, 2021
Javascript inserted into Footer from Discourse UI not working Support	12	5688	May 10, 2019
How to add a script at the beginning of page header? Support	7	3227	December 15, 2021
How to fire on every footer load (or page load?) Development	7	2099	August 3, 2024
Execute JavaScript code from a plugin once after load Development	4	1361	April 18, 2018

How to add JS in After Header?

Related topics