Forum:

HTML Pages with CSS and JavaScript

Javascript library not loading

Greenhorn

Posts: 28

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I open a jsp from another jsp using window.open
The child window has a javascript library included.
The child window has a form, which on submitting calls a servlet. After some processing there I do a RequestDispatcher.forward to the same page(child window) from the servlet. But this time when the child window reloads the javascript library is not loading. I see the message

"1Error 404: No target servlet configured for uri: /js/ratingsys.js" in firebug and hence the onload method of the body which needs to be executed is not executed.

Please let me know what could be the problem. Thanks in advance for all your time.

Bear Bibeault

Sheriff

Posts: 67762

173

I like...

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

The URL to your JS file is likely invalid.

[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

sri pathi

Greenhorn

Posts: 28

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Nope! For the first time when I open the window using javascript(window.open), it works fine and it calls the onload method successfully. But the problem is when I do a RequestDispatcher.forward from the servlet the library is not loading and the onload method is not executing.
[ July 26, 2008: Message edited by: sri pathi ]

Bear Bibeault

Sheriff

Posts: 67762

173

I like...

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

OK then.

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

sri pathi

Greenhorn

Posts: 28

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Originally posted by Bear Bibeault:
OK then.

I could not understand. Is my input not enough or I've sounded offensive in anyway?!

Bear Bibeault

Sheriff

Posts: 67762

173

I like...

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

"Nope!" doesn't give any more useful information (and is a tad rude). You haven't shown us what URLs you are using, where the JS files are located, what resources you are forwarding to, or any other information that will help us help you.

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

sri pathi

Greenhorn

Posts: 28

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Originally posted by Bear Bibeault:
"Nope!" doesn't give any more useful information (and is a tad rude). You haven't shown us what URLs you are using, where the JS files are located, what resources you are forwarding to, or any other information that will help us help you.

I think this message might be too long, but bear with me.
Structure of my app:
Rating (application directory)
1. JavaSource
1.1 Java files in package structure
2. WebContent
2.1 js
2.1.1 javascript files (the javascript files reside here)
2.2 jsp
2.2.1 jsp files (jsp files, parent, child windows and other jsps)
2.3 css
2.3.1 the style sheet files (.css)
Parent Window:
parent.jsp

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Star Rating System</title>
<link href="../css/rating.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../js/ratingsys.js"></script>
 
</head>
<body>
<h1>Star Rating System</h1>
 
<div id="stars">
<h3>Topic 1 Content 1</h3>
<ul class="rating nostar">
<li class="one"><a href="#" id="11" title="1" onclik="openDGDialog(this, setPrefs);return false"></a></li>
<li class="two"><a href="#" id="11" title="2" onclik="openDGDialog(this, setPrefs);return false"></a></li>
<li class="three"><a href="#" id="11" title="3" onclik="openDGDialog(this, setPrefs);return false"></a></li>
<li class="four"><a href="#" id="11" title="4" onclik="openDGDialog(this, setPrefs);return false"></a></li>
<li class="five"><a href="#" id="11" title="5" onclik="openDGDialog(this, setPrefs);return false"></a></li>
</ul> <table><tr><td>
<input type="text" id="nVotes_11" size="5" disabled="disabled" /> votes</td></tr></table>
</div>

</body>
</html>

1. Has a link which when clicked (onclik method) calls a method from the library included as below.
<script type="text/javascript" src="../js/ratingsys.js"></script>
This part works absolutely fine.
child.jsp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<html>
<head>
<title>CaptchaPage</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="GENERATOR" content="Rational Software Architect">
<script type="text/javascript" src="../js/ratingsys.js"></script>
</head>
 
<body onlod="transferData()">
<form action="/Rating/verifyCaptcha">
<div id="captcha">
<div>
<div>
Please enter the text from the image to submit your rating: 
<input id="usrCaptcha" type="text" name="captchaVal" size="8" maxlength="4" style="margin-bottom: 10px;"/>
</div>
<div>
<img src="/Rating/showCaptcha" width="140" height="50" style="margin-left: 100px; border: 1px solid silver" />
</div>
</div>
<div>
<input type="submit" name="Submit" value="Submit"/>
</div>
</div>
<div id="noMatchMessage" style="display: none">
The value you have entered doesnot match the value on the image. Retry again!
</div>
<div id="limitMessage" style="display: none; font: medium;" >
You have exceeded the maximum number of tries!
</div>
<div>
<input type="hidden" id="validationStat" value='<%= (String)request.getAttribute("validationStatus")%>'/>
<input type="hidden" id="retry" name="retryCnt" value='<%= (String)request.getSession().getAttribute("retryCount")%>'/>
</div>
</form>
</body>
 
</html>

3. ratingsys.js

// Send gathered data to the dialog window object's returnedValue property
function transferData() {
if (opener) opener.blockEvents();
var status = document.getElementById("validationStat").value;
alert('status ' + status);
if ( status != null && parseInt(status) == 1){
document.getElementById("validationStat").value = "-1";
if (window.opener && !window.opener.closed) {
window.opener.dialogWin.returnedValue = status;
window.opener.dialogWin.returnFunc();
window.close();
}
}
else{
var retryCnt = document.getElementById("retry").value;

if(parseInt(retryCnt) > 4)
{
document.getElementById("noMatchMessage").style.display = 'none';
document.getElementById("captcha").style.display = 'none';
document.getElementById("limitMessage").style.display = 'block';
return false;
}
/*
if(parseInt(retryCnt) > 0)
{
document.getElementById("noMatchMessage").style.display = 'block';
return true;
}*/
   }
}
 
 
// Send the rating information using Ajax.
function rateIt(sel){
//code for ajax call
}
 
//**********************************************************************
//  BEGIN MODAL DIALOG CODE (can also be loaded as external .js file)
//***********************************************************************/
// Global for brower version branching.
var Nav4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4));
 
// One object tracks the current modal dialog opened from this window.
var dialogWin = new Object();
var pForm;
// Generate a modal dialog.
// Parameters:
//    url -- URL of the page/frameset to be loaded into dialog
//    returnFunc -- reference to the function (on this page)
//                  that is to act on the data returned from the dialog
function openDGDialog(form, returnFunc) {
if (!dialogWin.win || (dialogWin.win && dialogWin.win.closed)) {
pForm = form;
// Initialize properties of the modal dialog object.
dialogWin.returnFunc = returnFunc;
dialogWin.returnedValue = "";
//dialogWin.args = args
dialogWin.url = '../jsp/child.jsp';
dialogWin.width = 400;
dialogWin.height = 300;
// Keep name unique so Navigator doesn't overwrite an existing dialog.
dialogWin.name = 'Captcha';
// Assemble window attributes and try to center the dialog.

if (Nav4) {
// Center on the main window.
dialogWin.left = window.screenX + 
   ((window.outerWidth - dialogWin.width) / 2);
dialogWin.top = window.screenY + 
   ((window.outerHeight - dialogWin.height) / 2);
var attr = "screenX=" + dialogWin.left + 
   ",screenY=" + dialogWin.top + ",resizable=no,width=" + 
   dialogWin.width + ",height=" + dialogWin.height;
} else {
// The best we can do is center in screen.
dialogWin.left = (screen.width - dialogWin.width) / 2;
dialogWin.top = (screen.height - dialogWin.height) / 2;
var attr = "left=" + dialogWin.left + ",top=" + 
   dialogWin.top + ",resizable=no,width=" + dialogWin.width + 
   ",height=" + dialogWin.height;
}

// Generate the dialog and make sure it has focus.
dialogWin.win=window.open(dialogWin.url, dialogWin.name, attr);
dialogWin.win.focus();
} else {
dialogWin.win.focus();
}
}
 
 
// Function to run upon closing the dialog with "OK".
function setPrefs() {
var y = dialogWin.returnedValue;
alert('y equals' + y);
if(parseInt(y) == 1){
rateIt(pForm);
}
}

My problem is with the child.jsp (when I open child.jsp from parent.jsp onclick method ratingsys.js loads properly and the javascript onload method transferdata executes properly). This child.jsp when submitted calls a servlet which after some processing does a RequestDispatcher.forward from the servlet to child.jsp again. But this time the javascript onload method transferdata does not execute. I see the following message in the firebug (firefox add on), "1Error 404: No target servlet configured for uri: /js/ratingsys.js")
But this time the rating sys

Please let me know if you need more details. Thanks in advance

[ July 26, 2008: Message edited by: sri pathi ]
[ July 26, 2008: Message edited by: sri pathi ]

Bear Bibeault

Sheriff

Posts: 67762

173

I like...

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

As I suspected:
Page-relative URLs are not valid in web applications where URLs generally reflect mappings rather than folder structures.

See the JSP FAQ on resource URLs to find out how to properly format resource URLs in a web application.
[ July 26, 2008: Message edited by: Bear Bibeault ]

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

sri pathi

Greenhorn

Posts: 28

posted 17 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Originally posted by Bear Bibeault:
As I suspected: <script type="text/javascript" src="../js/ratingsys.js"></script>
Page-relative URLs are not valid in web applications where URLs generally reflect mappings rather than folder structures.

See the JSP FAQ on resource URLs to find out how to properly format resource URLs in a web application.

[ July 26, 2008: Message edited by: Bear Bibeault ]

I think it fixed my problem, Thanks a lot! for your time!!

Consider Paul's rocket mass heater.