Benutzer:Shadowtweaker/Vorlage:AtkTable

Toggle + JavaScript

$(".at_toggle").each(function(index, object) {
    var toggle = document.createElement("a");
    toggle.className = 'at_togglerlink';
    toggle.setAttribute('href', 'javascript:at_toggle("' + object.getAttribute("data-for") + '");');
    var child = object.firstChild;
    object.removeChild(child);
    toggle.appendChild(child);
    object.insertBefore(toggle, object.firstChild);
});
$(".at tbody tr").each((a, b) => b.setAttribute("data-pos", a));

function at_gentorow(table, gen) {
    /* ... */
    return gen;
}

function at_toggle(gen) {    
    $(".at_l tr").each(function() {
        $(this)[0].style.display = "";
    });
    if (gen != 0) {
        $(".at_l tr").each(function() {
            level = $(this).find("td:nth-child(" + gen + ")")[0];
            if (level && level.innerText == "—") $(this)[0].style.display = "none";
        });
    }
    $(".at_l").each(function() {
        rows = [];
        $(this).find("tbody tr").each((a, b) => rows.push(b));
        if (gen == 0)
            rows = rows.sort((a, b) => a.getAttribute("data-pos") - b.getAttribute("data-pos"));
        else
            rows = rows.sort((a, b) => parseInt($(a).find("td:nth-child(" + gen + ")")[0].innerText.replace("—", "101")) - parseInt($(b).find("td:nth-child(" + gen + ")")[0].innerText.replace("—", "101")));
        $(this).find("tbody")[0].innerHTML = rows.map(x => x.outerHTML).join("");
    });
}

Welche Generationen sollen angezeigt werden?
1. Gen.	2. Gen.	3. Gen.	4. Gen.	5. Gen.	6. Gen.	7. Gen.	alle