wpial/script.js at master · PatMyron/wpial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
function populatePre(school, sport) {
    document.getElementById('contentsP').textContent = "";
    document.getElementById('contentsOpponentTable1').textContent = "";
    if (school === "all" && sport === "all") {
    } else if (school === "all") {
        ajaxHelper("data/dataBySport/" + sport + ".html", 'contentsP');
    } else if (sport === "all") {
        ajaxHelper("data/dataBySchool/" + school + ".html", 'contentsP');
    } else { // specific team
        ajaxHelper("data/specificData/" + school + " " + sport + " seasons.html", 'contentsP');
        ajaxHelper("data/specificData/" + school + " " + sport + " opponents.html", 'contentsOpponentTable1');
    }
}

function ajaxHelper(url, elementId) {
    var xhr = new XMLHttpRequest();
    xhr.onload = function () {
        document.getElementById(elementId).innerHTML = this.responseText;
        $(document).ready( function () {
            $('table').DataTable({paging: false, info: true, destroy: true, search: {regex: true}});
        } );
    };
    xhr.open('GET', url);
    xhr.send();
}

// media query event handler
if (matchMedia) {
    var mq = window.matchMedia("(max-width: 641px)");
    mq.addListener(WidthChange);
    WidthChange(mq);
}

// media query change
function WidthChange(mq) {
    if (mq.matches) { // window width is less than 641px
        document.getElementById("schoolSelect").size = "1";
        document.getElementById("sportSelect").size = "1";
    } else {
        document.getElementById("schoolSelect").size = "100";
        document.getElementById("sportSelect").size = "9";
    }
}

var sport = "all";
var school = "all";
$.get("backend/GetTables/WPIAL schools.txt", function( data ) {
    $.trim(data).split('\n').forEach(function (line) {
        $('#schoolSelect').append(new Option(line, line));
    });
});
populatePre(school, sport);