倉庫管理ツール

倉庫管理ツールでスキルレベルが表示されるようにしてみました。
動作保証はいたしませんｗｗｗ

javascript:var names = new Array();var presentIds = new Array();var $wrapper = $('div#wrapper').first();if ($('#soukoData').size() == 0) { $('body').append('<div id="soukoData" style="display:none;">');}; var submitButtonClick = function(){ var $form = $(this).closest('form'); $.ajax({url: $form.attr('action'),type: $form.attr('method'),data: $form.serialize() } ).success(function(){ $form.fadeOut(); } );}; var displayData = function() { for (imageUrl in names) { $wrapper.append('<img src="http://cache.ixasp.jp/img/bar/line_dashed.png" class="half_image" alt="" />');var $items_list_wrap = $('<div class="items_list_wrap clearfix">'); var $items_list = $('<div class="items_list" style="padding:6px;">').appendTo($items_list_wrap); var $image = $('<img style="float:left;margin:0 10px 5px 4px;" />').attr('src', imageUrl).addClass('item').appendTo($items_list); var $detail = $('<div style="float:left;line-height:1.3;">').appendTo($items_list); var $name = $('<span style="color:#ffa800;">').text(names[imageUrl]).appendTo($detail);for (var i = 0; i < presentIds[imageUrl].length; i++) { ids = presentIds[imageUrl][i].split(';');var $form = $('<form action="/Presents/receive" method="post" accept-charset="utf-8" class="present_receive_form">');$('<input type="hidden" />').attr('name', 'data[Receive][present_id]').attr('id', 'ReceivePresentId').val(ids[0]).appendTo($form);$('<input type="hidden" />').attr('name', 'data[Receive][id]').attr('id', 'ReceiveId').val(ids[1]).appendTo($form);$submit = $('<div class="submit">').append('<input type="button" value="受け取る" class="present_receive_button" />');$form.append($submit); var $skilldata = $('<span style="color:#ffa800;">').text(ids[2]); $form.append($skilldata);$detail.append($form); } $wrapper.append($items_list_wrap); } }; var getPageItem = function (url) { $('#soukoData').empty(); $('#soukoData').load(url + ' div[id=wrapper]', {} , function() { $('#soukoData .items_list_wrap').each(function() {var image = $(this).find('div.items_list img.item').attr('src');if (!names[image]){names[image] = $(this).find('div.items_list .detail span.name').text();presentIds[image] = [];}presentIds[image].push($(this).find('div.presents_list_form #ReceivePresentId').val()+';'+$(this).find('div.presents_list_form #ReceiveId').val()+';'+$(this).find('div.detail em').text());$.unique(presentIds[image]); } );var nextButton = $('a.btnTypeK_s').last(); var nextUrl = null; if (nextButton && nextButton.text() == '次') {nextUrl = nextButton.attr('href'); }if (nextUrl != null) {getPageItem(nextUrl); } else {displayData();$('.present_receive_button').click(submitButtonClick); alert('出力完了'); } } );}; var firstPageUrl = '/presents/receive/filter:1/page:1';getPageItem(firstPageUrl);