Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.118.95.164
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Анимированная сортировка столбцов таблицы через плагин Anima
Сообщение оставлено 15.03.2011 в 10:27:18 | Сообщение #1

Данный плагин позволяет осуществлять анимированную сортировку столбцов таблицы
Для начала посмотрите Демо
Установка:
После /head на нужных страницах вставляйте:
Code
<script src='/js/111.js' type='text/javascript'></script>   
<link rel='stylesheet' type='text/css' href='/css/scriptDemos.css' />

Таблица с сортировкой оформляется так:
Code
<div class='scriptDemo'>   
<table id='example2_table' class='table fl_withBumper2'>   
<thead>   
<tr>   
<th><a class='bold' href="javascript:$('#example2_table').sortTable({onCol: 1, sortType: 'numeric', sortDesc: true, regexp: /\((\d+)\)/, regexpIndex: 1, keepRelationships: true})">Название категории</a></th>   
</tr>   
</thead>   
<tbody>   
<tr><td>Пункт 1</td></tr>   
<tr><td>Пункт 2</td></tr>   
<tr><td>Пункт 3</td></tr>   
<tr><td>Пункт 4</td></tr>   
<tr><td>Пункт 5</td></tr>   
<tr><td>Пункт 6</td></tr>   
</tbody></table>   
</div>

Осталось лишь залить скрипт из прикреплённого архива в папку js и стиль в папку css
Скачать
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика