Понедельник, 29.04.2024, 10:00
Приветствую Вас Гость | RSS
Главная | | Регистрация | Вход
Меню сайта
Категории раздела
Фильмы онлайн
Наш опрос
Оцените мой сайт
Всего ответов: 93
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Кто нас сегодня посетил ]
Мой сайт
Главная » 2010 » Март » 6 » Скрипт сортирует данные в таблице
17:36
Скрипт сортирует данные в таблице
Скрипт будет полезен тем, что ведёт на сайте статистику вручную - намного облегчит задачу сортировки данных по размерам.

Например вот эта таблица:Как видим - всё отсортировалось.

УСТАНОВКА:

Создаём страницу для таблицы - в 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>
Категория: Скрипты для uCoz | Просмотров: 712 | Добавил: Pahan234567 | Теги: для ucoz, скрипты | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright MyCorp © 2024