Cannot load JavaScript from another web app within JSF 1.2 page

Question

I have a resources web app, which only has static content, such as images, CSS and JavaScript.

I'm using these resources in another web app within JSF pages, but for some reason the JavaScript files are not loaded properly. I've seen two outcomes so far, either the JSF page renders weirdly (missing most of the content) or the page looks fine, but the JavaScript is not functional. CSS and images come alright.

I'm loading the resources like below

<head>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/resources/css/styles.css" />
    <script type="text/javascript" src="http://localhost:8080/resources/js/utils.js" />
</head>

FireBug shows that everything is loaded properly. The JavaScripts work fine when they are inline inside the JSF page.

I've tried with Jetty 8 and GlassFish 3, but results are pretty much same. Anyone got some pointers on what's the problem?

BalusC · Accepted Answer · 2011-11-10 20:29:17Z

2

Self-closing <script> tag is not valid in HTML documents with text/html content type and the browser behaviour is undetermined. You need to close it with another tag:

<script type="text/javascript" src="http://localhost:8080/resources/js/utils.js"></script>

It's however valid in pure XHTML documents with application/xhtml+xml content type, but this is in turn not supported by IE. Serving XHTML as text/html is in turn considered harmful.

This has nothing to do with Java/JSF.

answered Nov 10, 2011 at 20:29

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

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

8 Comments

kaskelotti Over a year ago

Thanks for the swift answer. I tried with the closing tags but that didn't help. When I look at the page source with the browser, it's changed back to self-closing tag. Even the attribute order is changed. I tried it on Jetty and GlassFish with both IE8 and FF8.

BalusC Over a year ago

What view technology are you using? The legacy JSPX has this irky behaviour. You'd need to add a comment  between the tags. Or, better, dump it altogether and go for its awesome successor Facelets.

kaskelotti Over a year ago

Adding a comment between the tags didn't help. I guess I'll have to take a look facelets then. Thanks for the help.

BalusC Over a year ago

What view technology are you using? Is it indeed JSPX? Try <jsp:text/> instead of the comment. The comment seems to fail on some servletcontainers. See also related question: stackoverflow.com/questions/2058649/…

kaskelotti Over a year ago

I misunderstood your previous comment and tried to add the comment block between the <link stylesheet/> and <script /> tags. After reading the related question, I realized you meant to add it inside the <script> tag. Well that did the job. Thanks a lot, I really appreciate it.

|

Collectives™ on Stack Overflow

Cannot load JavaScript from another web app within JSF 1.2 page

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related