[html]<script type="text/javascript">
<!--
/*
originally written by paul sowden <paul@idontsmoke.co.uk> | http://idontsmoke.co.uk
modified and localized by alexander shurkayev <alshur@ya.ru> | http://htmlcssjs.ru
*/

var img_dir = "https://htmlcssjs.ru/i/"; // папка с картинками
var sort_case_sensitive = false; // вид сортировки (регистрозависимый или нет)

// ф-ция, определяющая алгоритм сортировки
function _sort(a, b) {
    var a = a[0];
    var b = b[0];
    var _a = (a + '').replace(/,/, '.');
    var _b = (b + '').replace(/,/, '.');
    if (parseFloat(_a) && parseFloat(_b)) return sort_numbers(parseFloat(_a), parseFloat(_b));
    else if (!sort_case_sensitive) return sort_insensitive(a, b);
    else return sort_sensitive(a, b);
}

// ф-ция сортировки чисел
function sort_numbers(a, b) {
    return a - b;
}

// ф-ция регистронезависимой сортировки
function sort_insensitive(a, b) {
    var anew = a.toLowerCase();
    var bnew = b.toLowerCase();
    if (anew < bnew) return -1;
    if (anew > bnew) return 1;
    return 0;
}

// ф-ция регистрозависимой сортировки
function sort_sensitive(a, b) {
    if (a < b) return -1;
    if (a > b) return 1;
    return 0;
}

// вспомогательная ф-ция, выдирающая из дочерних узлов весь текст
function getConcatenedTextContent(node) {
    var _result = "";
    if (node == null) {
        return _result;
    }
    var childrens = node.childNodes;
    var i = 0;
    while (i < childrens.length) {
        var child = childrens.item(i);
        switch (child.nodeType) {
            case 1: // ELEMENT_NODE
            case 5: // ENTITY_REFERENCE_NODE
                _result += getConcatenedTextContent(child);
                break;
            case 3: // TEXT_NODE
            case 2: // ATTRIBUTE_NODE
            case 4: // CDATA_SECTION_NODE
                _result += child.nodeValue;
                break;
            case 6: // ENTITY_NODE
            case 7: // PROCESSING_INSTRUCTION_NODE
            case 8: // COMMENT_NODE
            case 9: // DOCUMENT_NODE
            case 10: // DOCUMENT_TYPE_NODE
            case 11: // DOCUMENT_FRAGMENT_NODE
            case 12: // NOTATION_NODE
            // skip
            break;
        }
        i++;
    }
    return _result;
}

// суть скрипта
function sort(e) {
    var el = window.event ? window.event.srcElement : e.currentTarget;
    while (el.tagName.toLowerCase() != "td") el = el.parentNode;
    var a = new Array();
    var name = el.lastChild.nodeValue;
    var dad = el.parentNode;
    var table = dad.parentNode.parentNode;
    var up = table.up;
    var node, arrow, curcol;
    for (var i = 0; (node = dad.getElementsByTagName("td").item(i)); i++) {
        if (node.lastChild.nodeValue == name){
            curcol = i;
            if (node.className == "curcol"){
                arrow = node.firstChild;
                table.up = Number(!up);
            }else{
                node.className = "curcol";
                arrow = node.insertBefore(document.createElement("img"),node.firstChild);
                table.up = 0;
            }
            arrow.src = img_dir + table.up + ".gif";
            arrow.alt = "";
        }else{
            if (node.className == "curcol"){
                node.className = "";
                if (node.firstChild) node.removeChild(node.firstChild);
            }
        }
    }
    var tbody = table.getElementsByTagName("tbody").item(0);
    for (var i = 0; (node = tbody.getElementsByTagName("tr").item(i)); i++) {
        a[i] = new Array();
        a[i][0] = getConcatenedTextContent(node.getElementsByTagName("td").item(curcol));
        a[i][1] = getConcatenedTextContent(node.getElementsByTagName("td").item(1));
        a[i][2] = getConcatenedTextContent(node.getElementsByTagName("td").item(0));
        a[i][3] = node;
    }
    a.sort(_sort);
    if (table.up) a.reverse();
    for (var i = 0; i < a.length; i++) {
        tbody.appendChild(a[i][3]);
    }
}

// ф-ция инициализации всего процесса
function init(e) {
    if (!document.getElementsByTagName) return;

    for (var j = 0; (thead = document.getElementsByTagName("thead").item(j)); j++) {
        var node;
        for (var i = 0; (node = thead.getElementsByTagName("td").item(i)); i++) {
            if (node.addEventListener) node.addEventListener("click", sort, false);
            else if (node.attachEvent) node.attachEvent("onclick", sort);
            node.title = "Нажмите на заголовок, чтобы отсортировать колонку";
        }
        thead.parentNode.up = 0;
       
        if (typeof(initial_sort_id) != "undefined"){
            td_for_event = thead.getElementsByTagName("td").item(initial_sort_id);
            if (document.createEvent){
                var evt = document.createEvent("MouseEvents");
                evt.initMouseEvent("click", false, false, window, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, td_for_event);
                td_for_event.dispatchEvent(evt);
            } else if (td_for_event.fireEvent) td_for_event.fireEvent("onclick");
            if (typeof(initial_sort_up) != "undefined" && initial_sort_up){
                if (td_for_event.dispatchEvent) td_for_event.dispatchEvent(evt);
                else if (td_for_event.fireEvent) td_for_event.fireEvent("onclick");
            }
        }
    }
}

// запускаем ф-цию init() при возникновении события load
var root = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;
if (root){
    if (root.addEventListener) root.addEventListener("load", init, false);
    else if (root.attachEvent) root.attachEvent("onload", init);
}
//-->
</script>
<style>/* табличка */
table.sort {border-spacing:0.1em; margin-bottom:1em; margin-top:1em}
/* ячейки таблицы */
.punbb .post-content table.sort td {padding: 0.6em 0.4em !important;}
.punbb .fs-box .post-content table.sort tr, .punbb .post-content table.sort tr {border: 0px solid rgb(0 0 0 / 11%); border-width: 1px 0px;}

/* заголовки таблицы */
table.sort thead {font-weight:600; font-size:1.05em; font-family: Tahoma, Verdana, sans-serif; opacity:1; font-style:normal;}
.punbb .post-content table.sort thead td {
cursor:pointer; cursor:hand;
text-align:left;
vertical-align:middle;
border: 1px solid rgb(0 0 0 / 25%) !important;
border-width: 1px 0px !important;
}
/* заголовок отсортированного столбца */
table.sort thead td.curcol {background-color:var(--bgpun2); color:var(--clrbody);}
</style>

<table class="sort" align="center"><thead><tr><td>Название</td><td>Тематика</td><td>Организация</td><td>Дата открытия (гг-мм-дд)</td></tr></thead>
<tbody>

<tr><td><a href="https://brighton.mybb.ru/">Brighton. Когда тайное станет явным</a></td>
<td>real life</td>
<td>эпизоды</td>
<td>2011-01-17</td></tr>

<tr><td><a href="https://chaostheory.f-rpg.me/">chaos theory</a></td>
<td>кроссовер</td>
<td>эпизоды</td>
<td>2016-09-18</td></tr>

<tr><td><a href="https://codegeass.ru/">Code Geass</a></td>
<td>аниме и манга</td>
<td>эпизоды</td>
<td>2011-11-15</td></tr>

<tr><td><a href="https://crossfeeling.rusff.me/">crossfeeling</a></td>
<td>кроссовер</td>
<td>эпизоды</td>
<td>2015-06-16</td></tr>

<tr><td><a href="https://dgmkwr.mybb.ru/">D. Gray-man. The hidden side of war</a></td>
<td>аниме и манга</td>
<td>эпизоды</td>
<td>2017-04-14</td></tr>

<tr><td><a href="https://docnight.rusff.me/">Doctor Who: Night terror</a></td>
<td>сериалы, фильмы, м/ф</td>
<td>эпизоды</td>
<td>2013-10-28</td></tr>

<tr><td><a href="https://dragonageone.mybb.ru/">Dragon Age: We are one</a></td>
<td>книги, комиксы, игры</td>
<td>эпизоды</td>
<td>2017-09-06</td></tr>

<tr><td><a href="https://eltropicanolife.rusff.me/">El Tropicano</a></td>
<td>real life</td>
<td>эпизоды</td>
<td>2012-07-08 <span style="color: navy">*</span></td></tr>

<tr><td><a href="https://misterium-rpg.ru/">FRPG Мистериум - Схватка с судьбой</a></td>
<td>фэнтези</td>
<td>локации</td>
<td>2007-08-24 <span style="color: navy">*</span></td></tr>

<tr><td><a href="https://phoenixlament.f-rpg.me/">Hogwarts. Phoenix Lament</a></td>
<td>маг. мир Роулинг</td>
<td>эпизоды</td>
<td>2015-09-13</td></tr>

<tr><td><a href="https://hproleplay.ru/">Hogwarts and the Game with the Death</a></td>
<td>маг. мир Роулинг</td>
<td>эпизоды</td>
<td>2010-10-**</td></tr>

<tr><td><a href="https://homeostasis.rolevaya.com/">homeostasis</a></td>
<td>книги, комиксы, игры</td>
<td>эпизоды</td>
<td>2015-10-02</td></tr>

<tr><td><a href="https://imperiumaeternum.rolka.su/">Imperium Aeternum</a></td>
<td>маг. мир Роулинг</td>
<td>эпизоды</td>
<td>2017-06-27</td></tr>

<tr><td><a href="https://kingscross.f-rpg.me/">KINGSCROSS</a></td>
<td>кроссовер</td>
<td>эпизоды</td>
<td>2017-11-10</td></tr>

<tr><td><a href="https://allnewmarvels.rusff.me/">Marvel: All-New</a></td>
<td>книги, комиксы, игры</td>
<td>эпизоды</td>
<td>2015-11-07</td></tr>

<tr><td><a href="https://sacramentolife.ru/">Sacramento</a></td>
<td>real life</td>
<td>эпизоды</td>
<td>2011-12-13</td></tr>

<tr><td><a href="https://sherlock.rusff.me">Sherlock. One more miracle</a></td>
<td>сериалы, фильмы, м/ф</td>
<td>эпизоды</td>
<td>2012-12-02 <span style="color: navy">*</span></td></tr>

<tr><td><a href="https://swmedley.rusff.me/">Star Wars Medley</a></td>
<td>сериалы, фильмы, м/ф</td>
<td>эпизоды</td>
<td>2017-02-05</td></tr>

<tr><td><a href="https://cursedcreatures.f-rpg.ru/">The Cursed Creatures</a></td>
<td>мистика и г/ф</td>
<td>эпизоды</td>
<td>2016-06-02</td></tr>

<tr><td><a href="https://themistfrpg.rusff.me/">The Mist</a></td>
<td>неформат</td>
<td>эпизоды</td>
<td>2017-04-14</td></tr>

<tr><td><a href="https://soullove.ru/">The Vampire Diaries | Soul Love</a></td>
<td>сериалы, фильмы, м/ф</td>
<td>эпизоды</td>
<td>2010-12-17 <span style="color: navy">*</span></td></tr>

<tr><td><a href="https://thewalkingdead.f-rpg.ru/">The Walking Dead :: Ходячие Мертвецы</a></td>
<td>сериалы, фильмы, м/ф</td>
<td>эпизоды</td>
<td>2017-10-10 <span style="color: navy">*</span></td></tr>

<tr><td><a href="https://jkisdead.rusff.me/">Town under the Arch</a></td>
<td>мистика и г/ф</td>
<td>эпизоды</td>
<td>2015-12-27</td></tr>

<tr><td><a href="https://chesare.magicrpg.ru/">Айлей</a></td>
<td>фэнтези</td>
<td>смешанная</td>
<td>2013-07-18</td></tr>

<tr><td><a href="https://almarein.spybb.ru/">Альмарен</a></td>
<td>фэнтези</td>
<td>смешанная</td>
<td>2007-08-22</td></tr>

<tr><td><a href="https://eternaltravel.rusff.me/">Бесконечное путешествие</a></td>
<td>кроссплатформа</td>
<td>эпизоды</td>
<td>2014-04-01</td></tr>

<tr><td><a href="https://idaliya.forum24.ru/">Дворянство пушкинской поры</a></td>
<td>историчка</td>
<td>эпизоды</td>
<td>2009-10-**</td></tr>

<tr><td><a href="https://domzabveniya.ru/">Дом Забвения</a></td>
<td>real life</td>
<td>смешанная</td>
<td>2009-10-06</td></tr>

<tr><td><a href="https://tabu.rusff.me/">Игровой клуб "Табу"</a></td>
<td>кроссплатформа</td>
<td>эпизоды</td>
<td>2015-12-01</td></tr>

<tr><td><a href="https://tlkthebeginning.ru/">Король Лев. Начало</a></td>
<td>сериалы, фильмы, м/ф</td>
<td>локации</td>
<td>2009-10-22</td></tr>

<tr><td><a href="https://forum.livehogwarts.ru/">Лайв Хогвартс</a></td>
<td>маг. мир Роулинг</td>
<td>локации</td>
<td>2010-06-13</td></tr>

<tr><td><a href="https://reilana.mybb.ru/">Легенда Рейлана</a></td>
<td>фэнтези</td>
<td>эпизоды</td>
<td>2011-04-08</td></tr>

<tr><td><a href="https://lepidus.ru/">Любовники смерти: Эпоха Перемен</a></td>
<td>мистика и г/ф</td>
<td>эпизоды</td>
<td>2011-01-21 <span style="color: navy">*</span></td></tr>

<tr><td><a href="https://www.misteria7.com/">Мистерия</a></td>
<td>фэнтези</td>
<td>локации</td>
<td>2011-08-02</td></tr>

<tr><td><a href="https://nolf.rusff.me/">Ничто не вечно | Nо One Lives Forever</a></td>
<td>неформат</td>
<td>эпизоды</td>
<td>2015-02-12</td></tr>

<tr><td><a href="https://t1b1d0x.borda.ru/">Первый Тибидохс Сети</a></td>
<td>книги, комиксы, игры</td>
<td>локации</td>
<td>2006-05-**</td></tr>

<tr><td><a href="https://19centuryrussia.rusff.me">Петербургское дворянство</a></td>
<td>историчка</td>
<td>эпизоды</td>
<td>2015-05-10 <span style="color: navy">*</span></td></tr>

<tr><td><a href="https://rusmagic.rusff.me/">Петровский Указъ</a></td>
<td>неформат</td>
<td>эпизоды</td>
<td>2017-03-17</td></tr>

<tr><td><a href="https://lostgeneration.f-rpg.ru">Потерянное поколение</a></td>
<td>фэнтези</td>
<td>смешанная</td>
<td>2012-01-21 <span style="color: navy">*</span></td></tr>

<tr><td><a href="https://strannic.mybb.ru/">Приют странника</a></td>
<td>неформат</td>
<td>смешанная</td>
<td>2010-09-09</td></tr>

<tr><td><a href="https://rains.rusff.me/">Рейнс. Новая империя</a></td>
<td>фэнтези</td>
<td>эпизоды</td>
<td>2015-05-30</td></tr>

<tr><td><a href="https://shardsofpower.rolka.su/">Сайрон: Осколки всевластия</a></td>
<td>фэнтези</td>
<td>эпизоды</td>
<td>2012-10-07</td></tr>

<tr><td><a href="https://themostsupernatural.ru/">Самая Сверхъестественная Ролевая Игра</a></td>
<td>сериалы, фильмы, м/ф</td>
<td>эпизоды</td>
<td>2008-06-13</td></tr>

<tr><td><a href="https://escondido.rusff.me/">Смородин: скрытый город</a></td>
<td>фэнтези</td>
<td>эпизоды</td>
<td>2013-05-29</td></tr>

<tr><td><a href="https://magismo.ru/">Университет магических искусств Магисмо</a></td>
<td>фэнтези</td>
<td>смешанная</td>
<td>2011-09-11</td></tr>

<tr><td><a href="https://francexvii.rusff.me/">Французский роман плаща и шпаги</a></td>
<td>историчка</td>
<td>эпизоды</td>
<td>2007-01-23 <span style="color: navy">*</span></td></tr>

<tr><td><a href="https://magicaschool349.ucoz.com/forum/">Школа магии - филиал Тибидохса</a></td>
<td>книги, комиксы, игры</td>
<td>локации</td>
<td>2009-12-12</td></tr>

<tr><td><a href="https://enteros.rusff.me/">Энтерос</a></td>
<td>фэнтези</td>
<td>эпизоды</td>
<td>2015-10-19</td></tr>

<tr><td><a href="https://borgias.mybb.ru">Яд и кинжал</a></td>
<td>историчка</td>
<td>эпизоды</td>
<td>2009-**-** <span style="color: navy">*</span></td></tr>

</tbody></table>
[/html]

Подпись автора

проверка подписи