You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Bjoern Koschel <bj...@sesl.de> on 2005/08/16 21:14:15 UTC

Re: CSS in header doesn't load when accessed the second time

Hello Bruno,

thank you for your answer -  sorry for my late reply, I was on vacation.
I tried immediatly the latest nightly but it didn't work out either. I 
still suspect a problem with the panel grid...
did you try reproducing my problem with using a panel grid (as shown in 
my sample code)? May be you could post your code here and I try it out.
Any other ideas?
And thanks for the advice of the x:swapImage component - until now I 
used (better "played" a bit) with standard components only but I may try 
out others soon.

Regards,
Björn

Bruno Aranda schrieb:

>I've tried to reproduce your problem with the latest nightly and
>everything was worked ok for me...
>
>BTW, there is a myfaces component, called x:swapImage (which I don't
>see now in the docs or in the simple examples, someone knows the
>reason for that?) which does the same you are doing in your example
>(swapping the images onmouseover...).
>
>HTH,
>
>Bruno
>
>2005/7/29, Bjoern Koschel <bj...@sesl.de>:
>  
>
>>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&ouml;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>&nbsp; &nbsp;</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>
>>
>>
>>    
>>
>
>  
>