How to add custom Javascript in Confluence pages?

[Roland Benedetti]

I figured out how to add javascript calles in the header or footer but can't figure out how to add some Javascript in the pages itself.

Anybody knows?

[Matt Ryall]

You could write a User Macro to do it. You need to pick a name, set the output format as "HTML" and put your JavaScript content in the body. Then you just put this macro into your pages.

If you need different JavaScript on every page, Confluence ships with a disabled HTML macro that you can enable in the "Plugins" list under the Administration. Then you can write an {html} macro with the <script> tags inside it.

[Roland Benedetti]

Hi Thanks Matt,

But this means the Macro should be added to all the pages manually, I was more looking to add something on all pages, once for all.

Any idea?

[Matt Ryall]

In that case, I'm not sure what your question means. If you have added JavaScript in the header or footer via Administration > Custom HTML, you should find it already on every page.

[David at David Simpson Apps]

This question is very similar or at least related to:

https://answers.atlassian.com/questions/3054/javascript-inclusion

[Colin Goudie]

Roland, take a look at the web-resources Module type. If you add a plugin with one of these in there then you can have your own JS files added to all pages. Have a specific look at the contexts, such as atl.general for example

http://confluence.atlassian.com/display/CONFDEV/Web+Resource+Module#WebResourceModule-WebResourceContexts

[Anders]

插入宏 -html

<SCRIPT type="text/javascript">

var element = document.getElementById('main-content'); element.style.backgroundColor = "#33CCCC"; </SCRIPT>

[Yagnesh Bhat]

<web-resource key="somekey" name="some description">
   <resource type="download" name="yourfile.js"    location="/js/your file.js"/>
   <context>page</context>
</web-resource>

In your atlassian-plugin.xml , include your javascript as a web resource for page context as above.

[Bob Kennedy]

I tried adding custom code in Custome HTML but the code does not appear in the pages themselves.

[Sean King]

If you want Javascript on an individual page use the {html} macro. Otherwise for all pages add your script in appropriate place in the the CustomHTML screen of the Admin Console.

[Nikhil Naoghare]

Hi Roland,

You can try this example http://come2niks.com/?p=542 this really works.

Thanks,

Nikhil

[Matthew J. Horn]

Nikhil, this link no longer works.

[Jay Ji]

i tried this but didn't work.

[jhammons]

Hi Roland,

Please refer to the following document:

• http://confluence.atlassian.com/display/JIRA/Fields+Allowing+Custom+HTML+or+JavaScript

Be well,

Jason Hammons

Atlassian - San Francisco

[Jennifer German]

That is for JIRA.  This question is about Confluence.  Therefore that link is not useful here.