Цвет строки таблицы в зависимости от содержимого

[bck]

Как можно осуществить сабж?

Идентификатор цвета можно расположить как в innerText так и в label в ячейке, и в принципе, как угодно.

[Tokolist]

Конкретизируйте.

Почему тема в разделе CSS?

Вы хотите сделать такое на одном только CSS?

Приведите кусок кода, а то совсем ничего не понятно.

Какое содержимое должно проверяться и на какое условие.

[bck]

Есть ASP.NET страничка с таблицой, строющейся из Atlas xml-скрипта:

Код:

ondblclick="java script:EditFare(this)">

Код:

color может быть (Red|Green|Blue)

на выходе атласа мы получим

Red

При помощи CSS хочу раскрасить строки таблицы в эти цвета.

[Admin]

ну и задайте этим идам такие фоновые цвета, какие хотите.

[bck]

каким образом задать цвет строки по id если в таблице идет так:

Red1

Green2

Blue3

Green4

[PacMan]

Ашипка.

id - уникальный параметр в пределах документа.

[bck]

тогда должно быть что-то вроде

Red1

или атлас сам менят id лейбла

тем не менее, можно ли при таком раскладе что-то сделать?

[PacMan]

javascript

[bck]

А кроме перебора способа нет?

[PacMan]

А он не может писать не

<tr><td><label>Red</label></td><td>1</td></tr>
<tr><td><label>Green</label></td><td>1</td></tr>

а

<tr><td class="td-red"><label>Red</label></td><td>1</td></tr>
<tr><td class="td-green"><label>Green</label></td><td>1</td></tr>

?

[bck]

К сожалению, максимум что возможно, это:

<tr><td><label class="l-red">Red</label></td><td>1</td></tr>
<tr><td><label class="l-green">Green</label></td><td>1</td></tr>

[PacMan]

Ну например что то вроде этого

.l-blue,
.l-red,
.l-green {
 display:block;
}
.l-blue {background-color: blue;}
.l-red {background-color: red;}
.l-green {background-color: green;}

А навешать параметры на родителя (tr или td) в данном случае можно только яваскриптом

[bck]

Жаль, что не получается сделать так, как мне хочется.

Спасибо за помощь!

[AKS]

bck

В IE/FF мне удалось "раскрасить" ряды таблицы следующим образом:

CSS:

label {
 behavior:url('PaintRow.htc');
 -moz binding:url('PaintRow.xml#PaintRow');
}

PaintRow.htc:

<public:component lightweight='true'> 
<public:attach event='oncontentready' onevent='PaintRow()' />
<script type='text/jscript'>
/*<![CDATA[*/

function PaintRow() {
 var name = element.className;
 element.parentNode.parentNode.style.backgroundColor
 = name.substring(name.indexOf('u002D') + 1);
}

/*]]>*/
</script>
</public:component>

PaintRow.xml:

<?xml version='1.0'?>
<bindings xmlns='http://www.mozilla.org/xbl'
 xmlns:html='http://www.w3.org/1999/xhtml'>
 <binding id='PaintRow'>
 <implementation>
 <constructor>
 <![CDATA[
 var name = this.className;
 this.parentNode.parentNode.style.backgroundColor 
 = name.substring(name.indexOf('u002D') + 1);
 ]]>
 </constructor>
 </implementation>
 </binding>
</bindings>

Проверял на такой таблице:

<table>
 <tr>
 <td><label class="l-red">Red</label></td>
 <td>1</td>
 </tr>
 <tr>
 <td><label class="l-green">Green</label></td>
 <td>2</td>
 </tr>
 <tr>
 <td><label class="l-red">Red</label></td>
 <td>3</td>
 </tr>
 <tr>
 <td><label class="l-blue">Blue</label></td>
 <td>4</td>
 </tr>
</table>

[Tokolist]

2 AKS

Ухты!

я уже здесь

http://msdn2.microsoft.com/en-us/library/ms531079.aspx

и здесь

http://developer.mozilla.org/en/docs/XBL

просвещаюсь

В связи с чем два ламерских вопроса

1. будет ли работать если в ИЕ отключить скрипты?

2. есть ли такое в Опере?

[AKS]

Tokolist

1. Если отключить скрипты, то работать не будет ни в IE, ни в FF. Написано ведь на ява-скрпте, т.ч. ...

2. Если ли такое в Opera мечтаю узнать сам, но пока не "свезло".

Вообще, лучше всего, как мне кажется, вставить малюсенький ява-скриптик, который бы "разукрасил" все и всех кроссбраузерно. Ведь ява-скрипт как-раз для этого и был придуман:

ECMAScript was originally designed to be a Web scripting language, providing a mechanism to enliven Web pages in browsers...

т.ч. не стоит его "бояться" .

[bck]

AKS, огромное спасибо за наводку!

Проблему решил одной строчкой:

<binding dataPath="color" direction="InOut" property="element" propertyKey="parentNode.parentNode.style.backgroundColor"/>

[Tokolist]

Tokolist

1. Если отключить скрипты, то работать не будет ни в IE, ни в FF. Написано ведь на ява-скрпте, т.ч. ...

2. Если ли такое в Opera мечтаю узнать сам, но пока не "свезло".

Вообще, лучше всего, как мне кажется, вставить малюсенький ява-скриптик, который бы "разукрасил" все и всех кроссбраузерно. Ведь ява-скрипт как-раз для этого и был придуман:

Тогда наверное нет никаких преимуществ у этого метода...