<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>


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS