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>