_sentient

blank
2016-08-15 기준 버전입니다. 최신 버전을 확인하세요.
줄 바꿈
// ==UserScript==
// @name         _sentient
// @namespace    http://kadauchi.com/
// @version      1.0.1
// @description  blank
// @author       Kadauchi
// @icon         http://kadauchi.com/avatar4.jpg
// @include      /^https://(www|s3)\.(mturkcontent|amazonaws)\.com/
// @grant        GM_log
// @require      https://code.jquery.com/jquery-3.1.0.min.js
// @hitname      Shoe Similarity
// @hitsave      https://www.mturkcontent.com/dynamic/hit?hitId=3ROUCZ907FCN98O7HFX6NU58XIZOO3
// ==/UserScript==

_sentient();

function _sentient () {

	var index = 0;

	var $target = $('.target-div');
	var $shoes  = $('table');

	function _next () {
		$target.hide();
		$shoes.hide();

		index ++;

		$target.eq(index).show();
		$shoes.eq(index).show();

		$('.tab').css({'backgroundColor': ''}).eq(index).css({'backgroundColor': 'lightgreen'});
	}

	function _switch (value) {
		$target.hide();
		$shoes.hide();

		index = Number(value);

		$target.eq(index).show();
		$shoes.eq(index).show();

		$('.tab').css({'backgroundColor': ''}).eq(index).css({'backgroundColor': 'lightgreen'});
	}

	var tabs =
		'<div>' +
		'<button class="tab" type="button" data-value="0">Shoes 1</button>' +
		'<button class="tab" type="button" data-value="1">Shoes 2</button>' +
		'<button class="tab" type="button" data-value="2">Shoes 3</button>' +
		'<button class="tab" type="button" data-value="3">Shoes 4</button>' +
		'<button class="tab" type="button" data-value="4">Shoes 5</button>' +
		'<button class="tab" type="button" data-value="5">Shoes 6</button>' +
		'</div>'
	;

	$('.panel.panel-primary').after(tabs);


	$('.tab').click(function () {
		_switch($(this).data('value'));
	});

	$(':radio').change(function () {
		_next();
	});

	$('img').css({'width': '150px', 'height': '150px'});
	$target.hide();
	$shoes.hide();
	$target.eq(index).show();
	$shoes.eq(index).show();
	$('.tab').eq(index).css({'backgroundColor': 'lightgreen'});
}