Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.04.2013, 23:32
Новичок на форуме
Отправить личное сообщение для ded-mazay Посмотреть профиль Найти все сообщения от ded-mazay
 
Регистрация: 24.11.2010
Сообщений: 3

Сортировка таблиц
Доброго времени уважаемые!
Собсно понравился (простотой) сортировщик отсюда, вот только хотелось бы его в виде ф-ции, чтоб скрипт цеплять в шапке и вызывать по требованию, а не после каждой таблицы дописывать..
Т.е. надо код
grid.onclick = function(e) {
        var target = e && e.target || window.event.srcElement;

        if (target.tagName != 'TH') return;

        // Если TH -- сортируем
        sortGrid(target.cellIndex, target.getAttribute('data-type'));
      };

заменить на что-то, а я нуб в js.. (
Помогите плз
Ответить с цитированием
  #2 (permalink)  
Старый 15.04.2013, 01:10
Аватар для bret
Кандидат Javascript-наук
Отправить личное сообщение для bret Посмотреть профиль Найти все сообщения от bret
 
Регистрация: 04.10.2008
Сообщений: 128

Так что мешает вынести скрипт в отдельный файл и подключать его в head страницы?
__________________
я подыскиваю мозг... твой подойдёт
Ответить с цитированием
  #3 (permalink)  
Старый 15.04.2013, 12:11
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

там таблица выбирается по id , можно заменить
var grid = document.getElementById('grid');
на
var grid = document.getElementsByTagName('table');
тогда обработчик повесится на все таблици
Ответить с цитированием
  #4 (permalink)  
Старый 15.04.2013, 12:19
Аватар для bret
Кандидат Javascript-наук
Отправить личное сообщение для bret Посмотреть профиль Найти все сообщения от bret
 
Регистрация: 04.10.2008
Сообщений: 128

Если проблема в применимости к некоторым (но не всем) таблицам на странице - тогда лучше юзать селектор класса.
__________________
я подыскиваю мозг... твой подойдёт
Ответить с цитированием
  #5 (permalink)  
Старый 15.04.2013, 12:32
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

да, но тогда нужно будет классы таблицам прописывать и почему то у getElementsByTagName поддержка браузерами лучше
Ответить с цитированием
  #6 (permalink)  
Старый 15.04.2013, 17:22
Аватар для Demath
Профессор
Отправить личное сообщение для Demath Посмотреть профиль Найти все сообщения от Demath
 
Регистрация: 22.06.2012
Сообщений: 168

ded-mazay, обратите внимание, что этот сортировщик некорректно сортирует букву 'ё'
Ответить с цитированием
  #7 (permalink)  
Старый 15.08.2013, 19:03
Новичок на форуме
Отправить личное сообщение для Грузила Посмотреть профиль Найти все сообщения от Грузила
 
Регистрация: 11.08.2013
Сообщений: 3

Доброго времени суток!
У меня есть таблица,в которой нужно сделать сортировку.
Вот ссылка,как должно работать http://tablesorter.com/docs/
Ниже сама таблица и HTML-код.
Помогите пожалуйста разобраться,как это сделать

[IMG][/IMG]
<table id="table">
<thead>
<tr>
<th class="zagolovok"><input id="button1" class="submit" type="submit" value=""></th>
<th class="zagolovok"><input class="submit" id="button2" type="submit" value=""></th>
<th class="zagolovok"><input class="submit" id="button3" type="submit" value=""></th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#" title="Личная страница на форуме">Данюша</a></td>
<td>Волшебник</td>
<td>Глава Гильдии</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Грузила</a></td>
<td>Темный рыцарь</td>
<td>Зам.по кадрам</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Бельчюня</a></td>
<td>Волшебник</td>
<td>Зам.по снабжению</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">ДобрыйВолчище</a></td>
<td>Крестоносец</td>
<td>Зам.по снабжению</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Снайперъ</a></td>
<td>Снайпер</td>
<td>Зам.по снабжению</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Алексиель</a></td>
<td>Снайпер</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Алланкарра</a></td>
<td>Охотник</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Гуд-Мастер</a></td>
<td>Темный рыцарь</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Какудзу</a></td>
<td>Снайпер</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Кралечка</a></td>
<td>Волшебник</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Литкэт</a></td>
<td>Чернокнижник</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Мрошка</a></td>
<td>Темный рыцарь</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">BoombA</a></td>
<td>Ассасин</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Optimal</a></td>
<td>Снайпер</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Procter</a></td>
<td>Темный рыцарь</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">True-Depjoxxx</a></td>
<td>Чернокнижник</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">True-maslik</a></td>
<td>Снайпер</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Vlad-ik</a></td>
<td>Снайпер</td>
<td>Рядовой</td>
</tr>
<tr>
<td><a href="#" title="Личная страница на форуме">Ylciora</a></td>
<td>Чернокнижник</td>
<td>Рядовой</td>
</tr>
</tbody>
</table>
Ответить с цитированием
  #8 (permalink)  
Старый 16.08.2013, 14:19
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

а плагин по ссылке подключать не пробовали?
если нет, то попробуйте подключить и добавить js код

$(document).ready(function()
{
$("#table").tablesorter();
}
);
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сортировка элементов страницы frutality jQuery 2 08.02.2013 14:24
Ищу создатель таблиц maxagg Events/DOM/Window 8 26.01.2011 06:01
Несколько одинаковых таблиц. Обращение к отдельным элементам в них. zaytsewa Элементы интерфейса 7 11.11.2010 09:08
Сортировка таблиц с tablesort lexniko jQuery 0 03.11.2009 13:02
Сортировка числовых данных в таблице Vladsss Общие вопросы Javascript 15 01.09.2009 17:02