I am having a JSP file with the below codes
<HTML>
<head>
<link rel="stylesheet" type="text/css" href="../CSS/home.css" />
<link rel="stylesheet" type="text/css" href="../CSS/left.css" />
<script type="text/javascript" src="../js/friend_request.js"></script>
</head>
<body>
<div class="menu">
<form name="search_form" method="post">
<table id="menutabel" class="color">
<tr>
<td class="alt"><A class="one"HREF="home.jsp">Home</A></td>
<td class="alt" ><A class="one"HREF="../HTML/falbum.html">My Album</A></td>
<td class="alt" ><A class="one"HREF="../HTML/MyDiary.html">My Diary</A></td>
<td class="alt" ><A class="one"HREF="../HTML/MyFriends.html">Myfriends</A></td>
</tr>
</table>
</form>
</body>
</html>
When i run this JSP file individually on the server both the CSS file and the Java script file are loading correctly ,but the problem is when i forward the request from a servlelt both the CSS and the Java Script file is not loading. Can anyone help me out with this problem?
I am having all the html, jsp, CSS, java script into separate folders.
Like
Web-content
|
|-- HTML (This folder will have all the HTML files)
|--- CSS (This folder will have CSS files)
|--- js
|--- JSP
I am having a JSP file with the below codes
<HTML>
<head>
<link rel="stylesheet" type="text/css" href="../CSS/home.css" />
<link rel="stylesheet" type="text/css" href="../CSS/left.css" />
<script type="text/javascript" src="../js/friend_request.js"></script>
</head>
<body>
<div class="menu">
<form name="search_form" method="post">
<table id="menutabel" class="color">
<tr>
<td class="alt"><A class="one"HREF="home.jsp">Home</A></td>
<td class="alt" ><A class="one"HREF="../HTML/falbum.html">My Album</A></td>
<td class="alt" ><A class="one"HREF="../HTML/MyDiary.html">My Diary</A></td>
<td class="alt" ><A class="one"HREF="../HTML/MyFriends.html">Myfriends</A></td>
</tr>
</table>
</form>
</body>
</html>
When i run this JSP file individually on the server both the CSS file and the Java script file are loading correctly ,but the problem is when i forward the request from a servlelt both the CSS and the Java Script file is not loading. Can anyone help me out with this problem?
I am having all the html, jsp, CSS, java script into separate folders.
Like
Web-content
|
|-- HTML (This folder will have all the HTML files)
|--- CSS (This folder will have CSS files)
|--- js
|--- JSP
- What is the URL you use to access your servlet? – brabster Commented Dec 30, 2009 at 13:43
- i am using <localhost:8080/"Projectname"/"Servletname"> to access the servlet, can i know why you are asking this? – Hariharbalaji Commented Dec 30, 2009 at 14:24
5 Answers
Reset to default 4Make use of the HTML <base> tag. It denotes the base URL of all relative URL's used in the final HTML output. If you set it with HttpServletRequest#getContextPath(), then ALL links in your page will be relative to the http://example./contextname URL, which is http://localhost:8080/Projectname in your case.
<!doctype html>
<html lang="en">
<head>
<base href="${pageContext.request.contextPath}">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<ul>
<li><a href="html/page.html">HTML page</a></li>
<li><a href="jsp/page.jsp">JSP page</a></li>
</ul>
</body>
</html>
Note that you should not start the relative URL's with /, otherwise they will lead to the domain root, e.g. http://example./yourlink.
By the way, links doesn't need to be placed inside a form. Also HTML tables ought to be used for tabular data only, not for other content. Learn semantic HTML as well.
Use <c:url> to resolve absolute URIs (this example assumes that ".." in your code is a webapp root):
<%@ taglib prefix = "c" uri = "http://java.sun./jsp/jstl/core" %>
<HTML>
<head>
<link rel="stylesheet" type="text/css" href="<c:url value = "/CSS/home.css" />" />
<link rel="stylesheet" type="text/css" href="<c:url value = "/CSS/left.css" />" />
<script type="text/javascript" src="<c:url value = "/js/friend_request.js"></script>
</head>
<body>
<div class="menu">
<form name="search_form" method="post">
<table id="menutabel" class="color">
<tr>
<td class="alt"><A class="one"HREF="<c:url value = "/home.jsp" />">Home</A></td>
<td class="alt" ><A class="one"HREF="<c:url value = "/HTML/falbum.html" />">My Album</A></td>
<td class="alt" ><A class="one"HREF="<c:url value = "/HTML/MyDiary.html" />">My Diary</A></td>
<td class="alt" ><A class="one"HREF="<c:url value = "/HTML/MyFriends.html" />">Myfriends</A></td>
</tr>
</table>
</form>
</body>
</html>
These files are loaded from the client which will interpret relative links to the base URL. If you are internally forwarding a request to a different servlet, you have to pay attention to what the client thinks is the URL. It may be necessary to switch to absolute links or generate a base tag.
These types of problems are easily seen client-side debugging with Firebug or Safari for example. You're probably getting 404s on the css and javascript links.
When external files like css and js not getting loaded then use the absolute path. Example:
<%=request.getRealPath("/")%>
I'd examine the server logs to find out the URLs that are being requested by the browser when it loads this page and its dependents.
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1743640994a4482956.html
评论列表（0条）