- 追加された行はこの色です。
- 削除された行はこの色です。
<script type="text/javascript" src="http://maplia.jp/script/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="http://maplia.jp/script/jquery.json2table.js"></script>
<script>
var level_table_id = '#table_level';
function initialize() {
var musics = loadMusicData();
createMusicTable($(level_table_id), musics, true);
$(level_table_id).tablesorter({sortList: [[3, 1]]});
}
function loadMusicData() {
var musics;
$.ajax({
url: '../api/musics',
async: false,
success: function (json) {
musics = json;
}
});
return musics;
}
function createMusicTable(table, musics, monthly) {
var table_data = {};
table_data.thead = [];
table_data.tbody = [];
table_data.thead[0] = {
values: [
'#', 'タイトル', '難易度', 'レベル', 'ノート数'
]
};
$.each(musics, function(i, music) {
table_data.tbody[table_data.tbody.length] = {
class_name: 'bsc',
values: [
music.number, music.title, 'STD',
new Number(music.bsc.level).toFixed(1), music.bsc.notes
]
};
table_data.tbody[table_data.tbody.length] = {
class_name: 'adv',
values: [
music.number, music.title, 'HRD',
new Number(music.adv.level).toFixed(1), music.adv.notes
]
};
table_data.tbody[table_data.tbody.length] = {
class_name: 'ext',
values: [
music.number, music.title, 'MAS',
new Number(music.ext.level).toFixed(1), music.ext.notes
]
};
});
table.json2table(table_data);
}
</script>
<table id="table_level" class="tablesorter"></table>