How to append javascript file to the body from javascript file which is in the same directory. Java server faces 2 JSF2

Question

I have test.js file, it has an initialization function window.onload = function initiliaze() { ... }, which is invoked whenever the window is created.

I would like to include other javascript file "d3.min.js" , which is located in the same directory as test.js file is located, into the HTML body when initiliaze() is called.

This is how I include my javascript file into HTML body, from the same directory:

var js = document.createElement("script");

js.type = "text/javascript";
js.src = "./d3.min.js";

document.body.appendChild(js);

however I still can't call d3.min.js functions, Firebug shows that d3 is not loaded.

Can you open the network inspector and see what happens to the d3.min.js request? What is the reply? Keep in mind that the path is relative to the URL of the page, not the URL of the script that creates it. — Halcyon, Jun 05 '15 at 11:11
Wouldn't it be easier to do what normal people do, and use script tags ? — adeneo, Jun 05 '15 at 11:15
I opened Network inspector. This is what I get when I try to append d3.min.js to the body localhost:8080/myPage/pages/d3.min.js 404 not found — Benas, Jun 05 '15 at 11:18
Sounds more like a server setup issue. Something like missing mime-type for *.js or alike — Morten Olsen, Jun 05 '15 at 11:24
`./` will target the directory where the html file is, not where the JS file using it is. — GillesC, Jun 05 '15 at 11:24
Same directory? Why bother then? Just write `js.src="d3.min.js"`. — Jeremy Thille, Jun 05 '15 at 11:31

Benas · Accepted Answer · 2015-06-08T09:03:47.577

0

As adeneo suggested I removed my script inclusion code from initialization function and instead pasted this in *.jspx header (I'm using Java server faces) page:

<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/script/d3.min.js"/>

Thanks to Halcyon, adeneo, Explore-X, Morten for helping me out.

edited Jun 08 '15 at 09:03

answered Jun 05 '15 at 12:24

Benas

2,106
2
39
66

1

`#{request.contextPath}` is shorter. – BalusC Jun 05 '15 at 12:48
1

By the way, the formal way is just using ``. See also http://stackoverflow.com/q/8367421 – BalusC Jun 05 '15 at 12:56

How to append javascript file to the body from javascript file which is in the same directory. Java server faces 2 JSF2

1 Answers1