Сортировка таблиц
 

Доброго времени уважаемые!
Собсно понравился (простотой) сортировщик отсюда, вот только хотелось бы его в виде ф-ции, чтоб скрипт цеплять в шапке и вызывать по требованию, а не после каждой таблицы дописывать..
Т.е. надо код

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.. (
Помогите плз

Так что мешает вынести скрипт в отдельный файл и подключать его в head страницы?

там таблица выбирается по id , можно заменить

var grid = document.getElementById('grid');

на

var grid = document.getElementsByTagName('table');

тогда обработчик повесится на все таблици

Если проблема в применимости к некоторым (но не всем) таблицам на странице - тогда лучше юзать селектор класса.

да, но тогда нужно будет классы таблицам прописывать и почему то у getElementsByTagName поддержка браузерами лучше

Доброго времени суток!
У меня есть таблица,в которой нужно сделать сортировку.
Вот ссылка,как должно работать 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>

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

$(document).ready(function()
{
$("#table").tablesorter();
}
);