blank
// ==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'});
}