Hi all!
I am new to JSF so maybe it is a simple matter (I use MyFaces and
Tomcat5.5):
I have a CSS-File in my a header of JSP included. When I start the
application the first page is rendered correctly. When I access the same
page (via commandButton and navigationrule) the page is loaded but it
seems it cannot find my CSS-File anymore => there is no formatting of my
text. Also the images in the commandButton-tags aren't displayed anymore
(probably because I use Java-Script and the function -included in the
<head>-tags- isn't found). All my output is in a panel grid ... maybe
there are the problems? Here is a part of the JSP-page (normally some
parts, e.g. <head> is exluded - but it doesn't work either if I have
the whole code in one page).
I also tried the advise from Don in the mail "RE: JS and CSS - not
loading in header" changing my web.xml but it didn't work out.
Hope someone has an idea, thanks a lot,
Björn
---
<%@ taglib uri="http://java.sun.com/jsf/html"; prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core"; prefix="f" %>
<html>
<head>
<title>XM2DRG</title>
<link rel="stylesheet" type="text/css"
href="stylesheets/xm2drg_content.css">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Björn Koschel">
<script language="JavaScript">
function chooseButtonImage(button, image)
{button.src = image;}
</script>
</head>
<body>
<f:view>
<f:loadBundle basename="properties.language" var="language" />
<h:panelGrid styleClass="main-table" columns="2"
columnClasses="menu-area,content-area">
<%-- cell (1,1) --%>
<h:panelGroup>
<h:graphicImage url="/images/zinfotop.gif" alt="Z-Info" width="111"
height="72" />
</h:panelGroup>
<%-- cell (2,1) --%>
<h:panelGroup>
<h:graphicImage url="/images/titel.gif"
alt="Titel" width="410" height="65" />
<h:graphicImage url="/images/linie.gif" width="100%" height="9" />
<h:graphicImage url="/images/ifdi.gif" width="266" height="10"/>
</h:panelGroup>
<%-- cell (1,2) --%>
<h:panelGroup>
<h:form>
<f:verbatim><br><br></f:verbatim>
<h:commandButton action="startup"
image="#{language.menuImgOutZinfo}" alt="Z-Info"
onmouseover="chooseButtonImage(this,'#{language.menuImgOverZinfo}')"
onmouseout="chooseButtonImage(this,'#{language.menuImgOutZinfo}');" />
<f:verbatim><br><br></f:verbatim>
<h:commandButton action="upload"
image="#{language.menuImgOutUpload}" alt="Upload"
onmouseover="chooseButtonImage(this,'#{language.menuImgOverUpload}')"
onmouseout="chooseButtonImage(this,'#{language.menuImgOutUpload}');" />
<f:verbatim><br><br></f:verbatim>
<h:commandButton action="input"
image="#{language.menuImgOutInput}" alt="Input"
onmouseover="chooseButtonImage(this,'#{language.menuImgOverInput}')"
onmouseout="chooseButtonImage(this,'#{language.menuImgOutInput}');" />
<f:verbatim><br><br></f:verbatim>
<h:commandButton action="#{menu.buttonGerman}" immediate="true"
image="images/german_out.gif" alt="German"
onmouseover="chooseButtonImage(this,'images/german_over.gif')"
onmouseout="chooseButtonImage(this,'images/german_out.gif');" />
<f:verbatim> </f:verbatim>
<h:commandButton action="#{menu.buttonEnglish}" immediate="true"
image="images/english_out.gif" alt="English"
onmouseover="chooseButtonImage(this,'images/english_over.gif')"
onmouseout="chooseButtonImage(this,'images/english_out.gif');" />
<f:verbatim><br><br></f:verbatim>
<h:graphicImage url="/images/ballrot.gif" alt="Demo"/>
</h:form>
</h:panelGroup>
<%-- cell (2,2) --%>
<h:panelGroup>
<h:outputText value="#{language.startupTitle}"
styleClass="title" />
<f:verbatim><br><br></f:verbatim>
<h:outputText value="#{language.startupText}"/>
<f:verbatim><br><br></f:verbatim>
</h:panelGroup>
</h:panelGrid>
</f:view>
</body>
</html>
