SamDark, все бы хорошо, только как заставить это работать в FF/Opera/Safari?
У меня получилось вот как:
| Код |
<script type="text/javascript">
try {
window.addEventListener('load', function() {
var tables = document.getElementsByTagName('table');
for (var t=0, tbl; tbl=tables[t]; t++) {
var cols = tbl.getElementsByTagName('col');
for (var i=0, r; r=tbl.rows[i]; i++) {
for (var j=0, k=0, c; c=r.cells[j]; j++, k+=c.colSpan) {
if (cols[k] && cols[k].style) c.setAttribute('style', cols[k].style.cssText);
}
}
}
}, false);
} catch(e) { /* IE - и так работает ;) */ }
</script>
<table>
<col style="color:red;">
<col style="color:green;">
<col style="color:blue;">
<tr>
<td>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</td>
<td>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</td>
<td>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</td>
</tr>
<tr>
<td colspan="2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<td>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</td>
</td>
</tr>
</table>
|
|
)
если таблица 100Х100 то размер документа при добавлении класса к каждой ячейке увеличивает его на 20-30% вот почему хочется узнать как можно по номеру колоны раскрасить ее.
. Если серьезно, у меня к "волшебному ослику" противоречивые чувства". Насчет "разукрасить" он, действительно, впереди планеты всей - одни фильтры чего стоят. Да и в скриптовой модели многое действительно сделано удобнее, чем по стандарту (напр., текущий стиль имхо впрямь логичнее считывать у самого элемента, чем какого-то левого свойства документа). Но вопиющая нелогичность интерпретации элементарных HTML- и CSS-конструкций при простейшей, казалось бы, верстке (причуды hasLayout-а, прыжки float-ов и т.п.) иногда просто доводят до белого каления 
!