Adding Javascript resources in theme

Question

The css files are added on the Xpage correctly, but when I add JS resource it's not added, and I have no idea why? This is what i write:

<resource>
        <content-type>text/javascript</content-type>
        <href>addThis.js</href>
</resource>

Tnx in advance

Mark Leusink · Accepted Answer · 2012-10-02 13:32:31Z

8

Your content-type is wrong. To add a clientside Javascript library through a theme you need to use application/x-javascript:

<resource>
     <content-type>application/x-javascript</content-type>
     <href>addThis.js</href>
</resource>

answered Oct 2, 2012 at 13:32

Mark Leusink

3,76717 silver badges23 bronze badges

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

2 Comments

gkidd Over a year ago

If you notice below, Thimo Jansen has already suggested that, but it doesn't work. Thank you though :)

Mark Leusink Over a year ago

Thimo suggested to use text/x-javascript but that's incorrect and doesn't work. It should be application/x-javascript. That's also what the Mastering XPages book says.

jjtbsomhorst · Accepted Answer · 2012-02-20 11:18:00Z

3

If you are talking about CLIENT side javascript you should use the following markup:

<theme extends="oneuiv2.1">
  <script target="xsp" src="/yourscript.js" clientSide="true" type="text/javascript"/>
</theme>

For serverside script use

<theme extends="oneuiv2.1">
<script target="xsp" src="*/yourscript.jss" clientSide="false" type="text/javascript"/>
</theme>

edited Feb 20, 2012 at 11:18

answered Feb 20, 2012 at 11:03

jjtbsomhorst

1,66711 silver badges28 bronze badges

6 Comments

gkidd Over a year ago

finally... Thank you for the tip, I thought that it might need the clientSide=true but had no idea how to include it. Anyways, this works flawlessly! :)

<resource> 	        	<content-type><script target="xsp" clientSide="true" type="text/javascript"/></content-type> 	        	<href>addThis.js</href> 	        </resource>

gkidd Over a year ago

Now this is weird. I have few javascript sources added on my Xpages this way, but one of them doesn't work!? It's loaded on the page, i can see that through Firebug, but it doesn't work. If it's added through the Xpage resources it works!? What the heck is this thing...

jjtbsomhorst Over a year ago

Could you define 'doesn't work'? I think you should create a new question regarding that issue if its a js function which doesnt work

gkidd Over a year ago

I have a <ul> menu, which uses a custom js library to work (slide, effects, whatnot). If I add the resource in the xpage directly, it does work, but if I add it through the theme, it gets loaded in the source but the menu doesn't work.

Per Henrik Lausten Over a year ago

I believe that you can not reference a serverside library included via a theme in the beforePageLoad or afterPageLoad events because of when the theme is processed. This might be your issue here?

|

Thimo Jansen · Accepted Answer · 2012-02-20 12:06:29Z

1

According to Mastering Xpages you should use content-type "text/x-javascript". Have you tried that?

answered Feb 20, 2012 at 12:06

Thimo Jansen

4853 silver badges15 bronze badges

Collectives™ on Stack Overflow

Adding Javascript resources in theme

3 Answers 3

2 Comments

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related