Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Автоматическая сортировка таблицы по клику
Дата: Вт, 02.03.2010, 18:57:26 | Сообщение # 1
Аватарка Kyller
OFF
Пользователь
90 Сообщения:
0 Отзывы:
Скрипт будет полезен тем, что ведет на сайте статистику вручную - намного облегчит задачу сортировки данный по размерам.

Например в этой таблице идет сортировка числового значения. Например вот эта таблица:

мы можем очень просто кликнуть по стоке второго столбца и получим следущее:
http://s006.radikal.ru/i215/1003/f1/0d2e6ebb60e2.png
http://i024.radikal.ru/1003/dc/624ab75a1135.png
Как устанавливать?

Создаем страничку для таблицы - в 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>

далее пишем следущий код (как вы понимаете уже является составной body):
Code
<script type="text/javascript" src="http://szenprogs.ru/scripts/sorttable.js"></script><noscript>У вас в браузере отключен запуск JavaScript сценариев. Если Вы включите эту опцию браузера, то Вы сможете производить сортировку таблиц на этой странице. Все подробности по адресу "<a href="Ссылка" target="_blank">Сортировка таблицы на JavaScript</a>".</noscript>

ну и наконец код таблицы:
Code
<table class="sortable">  
<!–- Заголовок таблицы –->  
<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>

спасибо за внимание))) рад, если этот скрипт кому то понадобился
Источник: http://www.szenprogs.ru/
  • Страница 1 из 1
  • 1
Поиск: