Blue Dark 
Blue Light 
Green Dark 
Violet Light 
Red Dark 
Red Light 
Скрипт будет полезен тем, что ведет на сайте статистику вручную - намного облегчит задачу сортировки данный по размерам.
Например в этой таблице идет сортировка числового значения. Например вот эта таблица:
мы можем очень просто кликнуть по стоке второго столбца и получим следущее:
все отсортировалось как надо!
Как устанавливать?
Создаем страничку для таблицы - в html таблицы пишем сначала код:
Code
<style
type="text/css">
table.sortable{border:0; padding:0; margin:0;}
table.sortable td{padding:4px; width:120px;}
table.sortable thead th{padding:4px;background:#D5F0FF; text-align:left;}
table.sortable tfoot td{font-weight:bold; border-top:1px solid #D5F0FF;}
</style>
table.sortable{border:0; padding:0; margin:0;}
table.sortable td{padding:4px; width:120px;}
table.sortable thead th{padding:4px;background:#D5F0FF; text-align:left;}
table.sortable tfoot td{font-weight:bold; border-top:1px solid #D5F0FF;}
</style>
далее пишем следущий код (как вы понимаете уже является составной body):
Code
<script type="text/javascript"
src="http://szenprogs.ru/scripts/sorttable.js"></script><noscript>У
вас в браузере отключен запуск JavaScript сценариев. Если Вы включите
эту опцию браузера, то Вы сможете производить сортировку таблиц на этой
странице. Все подробности по адресу "<a href="Ссылка"
target="_blank">Сортировка таблицы на
JavaScript</a>".</noscript>
ну и наконец код таблицы:
Quote
<table
class="sortable">
<!–- Заголовок таблицы –->
<thead>
<tr><th>Тема</th> <th>Читатели</th></tr>
</thead>
<!–- Заголовок таблицы –->
<thead>
<tr><th>Тема</th> <th>Читатели</th></tr>
</thead>
<!–-
Данные таблицы -–>
<tbody>
<tr><td>Софт</td> <td>25</td></tr>
<tr><td>Программы</td>
<td>75</td></tr>
<tr><td>Скрипты</td>
<td>60</td></tr>
<tr><td>Инструкции</td>
<td>10</td></tr>
</tbody>
<!–-
Итоги таблицы -–>
<tfoot>
<tr><td>Всего</td> <td>170</td></tr>
</tfoot>
</table>
Комментарии