[Seasar-user:17394] Re: [Teeda-header color]
[E-MAIL ADDRESS DELETED]
[E-MAIL ADDRESS DELETED]
2009年 5月 9日 (土) 04:19:12 JST
Hi, トマス
I made the smallest sample, It is possible to download it from following URL.
http://lab.abby.co.jp/sample/teeda-html-sample.zip
Import as Eclipse project and setting of Tomcat.
The jar file included in teeda-html-example is copied onto samples WEB-INF/lib.
It accesses http://localhost:8080/teeda-html-sample/, and the color of the
header changes when it is reload.
IE6 and Firefox work in my environment.
Compare it with your application.
thomas さんは書きました:
> hai ,yoneさん、
>
> Thanks for your help.
>
> With the following coding it perfectly works in firebox where as in IE6 its
> not working
>
> <html xmlns:m="http://www.seasar.org/maya">
> <head></head>
> <body>
> <form id="headerform">
> *<table align="left" width="100%" id="headerColor"
> class="headerColor2">*
> <tr>
> <td align="left" valign="top" width="75px">
> <img src="../../img/logo.JPG" align="left"
> height="60px" width="140px"/>
> </td>
> <td align="center"><b>Project Budget
> Management</b></td>
> <td align="right" valign="bottom">
> <input type="submit" value="Logout"
> id="doLogout" align="right"></input>
> </td>
> </tr>
> * </table>*
> </form>
> </body>
> </html>
>
> Regards,
> トマス
>
> 2009/5/8 [E-MAIL ADDRESS DELETED] <[E-MAIL ADDRESS DELETED]>
>
>> Hi, thomas.
>>
>> The span tag is put in the form tag if there is form tag.
>>
>> header.html
>>
>> <form id="headerForm">
>> <span id="headerColor" class="headerColor2">
>> ...
>> </span>
>> </form>
>>
>>
>> thomas さんは書きました:
>>> Hai,
>>>
>>> Yes...body tag of my header.html includes span tag as you mentioned
>>> earlier...
>>>
>>> This is my header.html
>>>
>>> <html xmlns:m="http://www.seasar.org/maya">
>>> <head></head>
>>> <body>
>>> * <span id="headerColor" class="headerColor2">*
>>> <form id="headerform">
>>> <table align="left" width="100%">
>>> <tr>
>>> <td align="left" valign="top" width="75px">
>>> <img src="../../img/logo.JPG" align="left"
>>> height="60px" width="140px"/>
>>> </td>
>>> <td align="center"><b><span
>> id="title">Project
>>> Budget Management</span></b></td>
>>> <td align="right" valign="bottom">
>>> <input type="submit" value="Logout"
>>> id="doLogout" align="right"></input>
>>> </td>
>>> </tr>
>>> </table>
>>> </form>
>>> *</span>*
>>> </body>
>>> </html>
>>>
>>>
>>>
>>> Thanks.
>>>
>>>
>>> 2009/5/8 [E-MAIL ADDRESS DELETED] <[E-MAIL ADDRESS DELETED]>
>>>
>>>> Hi, thomas.
>>>>
>>>> Does the body tag of header.html include the span tag?
>>>> And, the id attribute of the name "HeaderColor" is necessary for the
>> span
>>>> tag.
>>>>
>>>> Please show your header.html.
>>>>
>>>> example
>>>>
>>>>>> [header.html]
>>>>>> <html>
>>>>>> <body>
>>>>>> <span id="headerColor" class="headerColor2">
>>>>>> this is header
>>>>>> </span>
>>>>>> </body>
>>>>>> </html>
>>>> thomas さんは書きました:
>>>>> Hai,
>>>>>
>>>>> Thanks for your reply.....
>>>>>
>>>>> I tried your sample coding.but the header color didnt change...
>>>>>
>>>>> *master.css
>>>>> :::::::::::::::::*
>>>>> .heading {
>>>>> background-color:green;
>>>>> color:white;
>>>>> font-weight:bold;
>>>>> }
>>>>> .container {
>>>>> background:#e0eeff;
>>>>> }
>>>>> .item {
>>>>> color:#610B0B;
>>>>> }
>>>>> *.headerColor1{background-color:red;}
>>>>> **.headerColor2{background-color:blue;}
>>>>> .headerColor3{background-color:yellow;}*
>>>>> *.footerColor{background-color:blue;}
>>>>> *
>>>>>
>>>>>
>>>>>
>>>>> *layout.html
>>>>> ::::::::::::::::::
>>>>> *<head>
>>>>>
>>>>> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
>>>>>
>>>>> <title><label id="layoutLabel"/></title>
>>>>> *<link rel="stylesheet" type=" text/css" href="../../css/master.css"/>*
>>>>> </head>
>>>>>
>>>>> <body>
>>>>>
>>>>> <table border="1" width="100%">
>>>>>
>>>>> <tr>
>>>>>
>>>>> <td colspan="2" align="center" height="20">
>>>>>
>>>>> <span class="oneField">
>>>>>
>>>>> *<te:include id="layoutHeader" te:src="/layout/header.html"/>*
>>>>>
>>>>> </span>
>>>>>
>>>>> </td>
>>>>>
>>>>> </tr>
>>>>> <tr>
>>>>> <td width="40"><te:include id="layoutMenu"
>>>> te:src="/layout/menu.html"/></td>
>>>>> <td height="475" valign="top"><te:includeChildBody
>>>>> id="LayoutChildBody"/></td>
>>>>> </tr>
>>>>> <tr>
>>>>> <td colspan="2" align="right" height="20">
>>>>> <span class="threeField">
>>>>> *<te:include id="layoutFooter" te:src="/layout/footer.html"/>*
>>>>> </span>
>>>>> </td>
>>>>> </tr>
>>>>> </table>
>>>>> </body>*
>>>>> *
>>>>> *HeaderPage.java
>>>>> ::::::::::::::::::::::::::::*
>>>>> public class HeaderPage {
>>>>> *public String getHeaderColorStyleClass() {
>>>>> Random random = new Random();
>>>>> int mod = Math.abs(random.nextInt()) % 3;
>>>>> switch (mod) {
>>>>> case 0:
>>>>> return "headerColor1";
>>>>> case 1:
>>>>> return "headerColor2";
>>>>> default:
>>>>> return "headerColor3";
>>>>> }
>>>>> }*
>>>>> }
>>>>>
>>>>> I checked both in firebox and IE6...The background -color of header is
>>>>> always white.
>>>>>
>>>>> Is there any mistake in the above coding?
>>>>>
>>>>> Thanks in advance.
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>
>>>>> 2009/5/8 [E-MAIL ADDRESS DELETED] <[E-MAIL ADDRESS DELETED]>
>>>>>
>>>>>> Hi, thomas.
>>>>>>
>>>>>> The following are samples.
>>>>>>
>>>>>> [sample.css]
>>>>>> .headerColor1{background-color:red;}
>>>>>> .headerColor2{background-color:blue;}
>>>>>> .headerColor3{background-color:yellow;}
>>>>>> .footerColor{background-color:blue;}
>>>>>>
>>>>>> [layout.html]
>>>>>> <head><link rel="stylesheet" type="text/css" href="/css/sample.css"
>>>>>> /></head>
>>>>>> <body id="layoutbody">
>>>>>> <te:include id="layoutHeader" te:src="/layout/header.html"/>
>>>>>> <te:include id="layoutFooter" te:src="/layout/footer.html"/>
>>>>>> </body>
>>>>>>
>>>>>> [header.html]
>>>>>> <html>
>>>>>> <body>
>>>>>> <span id="headerColor" class="headerColor2">
>>>>>> this is header
>>>>>> </span>
>>>>>> </body>
>>>>>> </html>
>>>>>>
>>>>>> [footer.html]
>>>>>> <html>
>>>>>> <body>
>>>>>> <span id="footerColor" class="footerColor">
>>>>>> this is footer
>>>>>> </span>
>>>>>> </body>
>>>>>> </html>
>>>>>>
>>>>>> [HeaderPage.java]
>>>>>> public class HeaderPage {
>>>>>> public String getHeaderColorStyleClass() {
>>>>>> Random random = new Random();
>>>>>> int mod = Math.abs(random.nextInt()) % 3;
>>>>>> switch (mod) {
>>>>>> case 0:
>>>>>> return "headerColor1";
>>>>>> case 1:
>>>>>> return "headerColor2";
>>>>>> default:
>>>>>> return "headerColor3";
>>>>>> }
>>>>>> }
>>>>>> }
>>>>>>
>>>>>> Was the problem before solved?
>>>>>> http://ml.seasar.org/archives/seasar-user/2009-April/017300.html
>>>>>>
>>>>>>
>>>>>> thomas さんは書きました:
>>>>>>
>>>>>>> Hai,
>>>>>>>
>>>>>>>
>>>>>>> I am using layout in my teeda project.How to set the background color
>>>> for
>>>>>>> header,footer etc....
>>>>>>>
>>>>>>> *<style>
>>>>>>> .layout.header{background-color:red}
>>>>>>> </style>*
>>>>>>>
>>>>>>> whether the above syntex is correct or not?
>>>>>>>
>>>>>>> This is not working...Please give the correct way to change the color
>>>> of
>>>>>>> header...
>>>>>>>
>>>>>>> Thanks in advance.
>>>>>> --
>>>>>> 米 林 正 明
>>>>>> http://www.abby.co.jp
>>>> --
>>>> 米 林 正 明
>>>> http://www.abby.co.jp
>>>> _______________________________________________
>>>> Seasar-user mailing list
>>>> [E-MAIL ADDRESS DELETED]
>>>> https://ml.seasar.org/mailman/listinfo/seasar-user
>>>>
>>>
>>> ------------------------------------------------------------------------
>>>
>>> _______________________________________________
>>> Seasar-user mailing list
>>> [E-MAIL ADDRESS DELETED]
>>> https://ml.seasar.org/mailman/listinfo/seasar-user
>>
>> --
>> 米 林 正 明
>> http://www.abby.co.jp
--
米 林 正 明
http://www.abby.co.jp
Seasar-user メーリングリストの案内