Forum:

HTML Pages with CSS and JavaScript

problem with importing importing external .js in jsp

Ranch Hand

Posts: 399

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi, the external javascript file, won't be imported when I try that between <head/> tag. Simply, it is ignored. If I try to import it at the begin of <body> tag, it has been partially imported and still have no access to id's of the elements of the page. Only when I put import statement just before closing </body> tag, everything works fine.
However, I need that javascript file to be loaded before the entire page is rendered, so I need to put .js at first two mentioned places. What is the problem?
I am using xhtml doc type
thanks!

Goran Markovic

Ranch Hand

Posts: 399

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi, I have googled and try many things like this :
- to use, withininside <head> element , it won't working.
- I have also tried to navigate to my .js file using form:, but still, it won't wokr

Does anyone have an idea what could be???

James Ward

Ranch Hand

Posts: 263

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

However, I need that javascript file to be loaded before the entire page is rendered,

Why at the beginning?
What is this javascript doing?

Goran Markovic

Ranch Hand

Posts: 399

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hide certain elements of page, which are consequently revealed at appropriate event.
But this way, first all elements are loaded and displayed on the page, and when page loading reach script files at the end of the <body> it hide it. But the disarrangement of elements first appears for a second/two. Pretty much "stabbing needle" in my eyes!
Why scripts are not loaded in the <head> element, or right after opening <body> tag?
In the same html, external css file are successfully loaded in <head>tag, which is bothering me more...

James Ward

Ranch Hand

Posts: 263

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Well, the javascript would indeed be loading if you put it in head tag or before body tag in the beginning, but it wont be able to 'act' on any 'elements' in your html document until they are loaded - therefore it appears that javascript is not working/or not loading.

And this is the reason it works if you put it at the end of body tag.

One thing you can try is, modify the javascript to put whatever code is executing on load, inside a function. Then call this function from onload event of the body tag. <body onload='myfunction()'>.

Goran Markovic

Ranch Hand

Posts: 399

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I do have initialized function which is called in js and its does purpose. Never mind, I would do manually (positioned all elements out of view, and on subsequent call preform original position). Ok with that, but why imported js won't work at placed they suppose to run (inside <head> tag and at the begin of <body> tag)?
Why?

Eric Pascarello

author

Posts: 15385

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Sorry our magic balls are all in the shop being repaired. Without seeing your code or your magical error messages that is produce we can not help you out.

Eric

Bear Bibeault

Sheriff

Posts: 67642

173

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

This is covered in the JSP FAQ. You need to use a server-relative URL.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Goran Markovic

Ranch Hand

Posts: 399

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

It is a quite large js and html, and there is no interest to present all. This is a segment. When I link to js from head you'll get irregularity , if you link to js from end of the body, its ok.
html :

<%@ page contentType="text/html" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%@ page import="java.util.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

width:470px;
height:430px;
margin-left:300px;
margin-top:-320px;
font-size:18px;
border:black 2px solid;
}
</style>
</head>

<body>

Rich Your Life With RIA

<big>E</big>ach, even simple application of today, not to mention that any serious enterprise solution, is created as Rich Internet Applications, giving to customer better look-and-feel. Graphic User Interface, become the important thought through the world of web applications. Using <acronym title="Cascade Style Sheet">CSS</acronym> and JavaScript within JavaServer Pages, user will experience a higher level of presentational layer.
<acronym title="HyperText Markup Language">HTML</acronym> toward <acronym title="Extensible HyperText Markup Language">XHTML</acronym> become the essential choice, with the progress of application requirements and customers expectations. However, the thin is line between tasteful make-up and the ugly one. The presentation layer need to satisfy needs of application, and not a bit more! All of these technologies in action, I would successfully apply at Your application. If You have no the right idea of you future application looks, I am here to expose some pattern to you, in assocciation with your outline imagination...

</body>
</html>

JS file (part important to this element) imported by <script type="text/javascript" src="sler_library.js"></script>

Later on some event, the text block should be arranged to be seen. And that part works. But as you see, if js file is imported in <head> or at begin of <body> file, it is undesirable shown. If you put it on the end of <body> tag, it is hidden, just as I wanted, guitext.style.display = "none";, and latter I will easy show him. So why the library won't to be loaded?

Bear Bibeault

Sheriff

Posts: 67642

173

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

If you are not going to read replies, why should anyone respond?

I have already answered your question.

[Asking smart questions] [About Bear] [Books by Bear]

Goran Markovic

Ranch Hand

Posts: 399

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Sorry Bibeault, but I didn't see your response

thanks , but I tried also...

Bear Bibeault

Sheriff

Posts: 67642

173

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

If the JS file is where it should be, then there is no way that a correct server-relative URL will not correctly address it.

Either your URL is not matching the file location, or the problem is not as you think.

[Asking smart questions] [About Bear] [Books by Bear]

Goran Markovic

Ranch Hand

Posts: 399

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I tried this to put as a link to js (I also change folder name):

Where javas is folder name of js file, and app_name is root folder of application. None of the above won't work when its put in <head> or an begin of <body> element.

Bear Bibeault

Sheriff

Posts: 67642

173

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Then the path to the web application or file cannot be correct.

What happens when you type http://localhost:8080/app_name/javas/sler_library.js directly into the browser?

[Asking smart questions] [About Bear] [Books by Bear]

Goran Markovic

Ranch Hand

Posts: 399

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I got js file displayed. It find it correct. I am not clever any more

Did you see how Paul cut 87% off of his electric heat bill with 82 watts of micro heaters?