[TEEDA-229] <span id="allMessages"/>で出力される<ul>タグのスタイルを動的に変更する Created: 2007-01-17  Updated: 2007-09-28

Status: Open
Project: Teeda
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Improvement Priority: Minor
Reporter: shot Assignee: shot
Resolution: Unresolved Votes: 0
Labels: None


 Description   

<span id="allMessages" te:ulStyle="hoge" te:liStyle="foo" style="bar"/>

とすると、

<ul style="hoge">
<li style="foo">
<span style="bar">baz</span>
</li>
</ul>
のような感じで考えています。
これで、Pageに

public HogePage {
public String getAllMessagesUlStyle()

{ return "your_CSS"; }

}

というように書ける様にしたいと思います。

 Comments   
Comment by shot [ 2007-09-28 ]

既に対処法は別にあるので、優先度を下げました

Comment by shot [ 2007-01-17 ]

動的に切り替える場合は、

li.hoge#allMessages

{ font-size: 11px !important; margin: 5px 0 3px 0; color: #FF2030; background: #ffc; }

li.foo#allMessages

{ font-size: 11px !important; margin: 5px 0 3px 0; color: #FF2030; background: #ffc; }

のような感じでclass属性を記述しておいてJavaScriptでstyleを変更できればそれでよいのかもしれないですね。

Comment by mopemope [ 2007-01-17 ]

#allMessages

{ width:800px; font-size: 11px !important; display: block; padding: 4px 5px 4px 25px; margin: 0 0 3px 0; border: 1px solid #FF6A85; color: #FF6A85; background: #ffc; }

#allMessages li

{ font-size: 11px !important; margin: 5px 0 3px 0; color: #FF2030; background: #ffc; }

のようにふつーに書けると思うんですが。

Comment by Anonymous [ 2007-01-17 ]

#allMessages{
width:800px;
font-size: 11px !important;
display: block;
padding: 4px 5px 4px 25px;
margin: 0 0 3px 0;
border: 1px solid #FF6A85;
color: #FF6A85;
background: #ffc;
}

#allMessages li{
font-size: 11px !important;
margin: 5px 0 3px 0;
color: #FF2030;
background: #ffc;
}

Generated at Wed Apr 09 07:35:04 JST 2025 using Jira 10.5.0#10050000-sha1:9d9d098bb7b67e8dba8da380ba9c3900d82ac3cf.