Covers a HIT's workspace with a gray overlay if the HIT has not been accepted. Clicking once on the overlay will remove the gray foreground and allow you to interact with the HIT's contents while still showing a message warning you the hit has not been accepted.
目前為
// ==UserScript==
// @name mmmturkeybacon Preview Overlay
// @version 1.00
// @description Covers a HIT's workspace with a gray overlay if the HIT has not been accepted. Clicking once on the overlay will remove the gray foreground and allow you to interact with the HIT's contents while still showing a message warning you the hit has not been accepted.
// @author mmmturkeybacon
// @namespace http://userscripts.org/users/523367
// @include http://*/*
// @include https://*/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
// @grant GM_log
// ==/UserScript==
$(window).load(function()
{
var $hit_wrapper = $('div[id="hit-wrapper"]');
if(window.location.hostname == 'www.mturk.com' && $hit_wrapper.length > 0)
{
$hit_wrapper.css({"position": "relative"});
//$hit_wrapper.css({"height": "1000px"}); // for testing
var offset = $hit_wrapper.offset();
$hit_wrapper.append('<div id="mtb_preview_overlay" \
title="This HIT has not been accepted. Click once to interact with content." \
style="position: absolute; left: 0px; top: 0px; \
width: 100%; height: 100%; \
opacity: 0.6; background-color: #000; z-index: 99; \
color: #333; \
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; \
font-size: 14px; \
line-height: 20px; \
cursor: not-allowed"> \
<h1 style="position: fixed; left: '+offset.left+'; top:'+offset.top+'; \
color: #333; \
font-family: inherit; \
font-weight: 700; \
color: inherit; \
text-rendering: optimizelegibility; \
line-height: 40px; \
font-size: 10em; \
margin: 50px auto; \
text-align:center; \
width: 100%;">Preview</h1></div>');
$('div[id="mtb_preview_overlay"]').bind('click', function()
{
this.style.pointerEvents = "none";
this.style.backgroundColor = "rgba(0, 0, 0, 0.0)";
this.style.color = "#F00";
});
}
else if(window.location != window.top.location === true && window.location.href.indexOf("ASSIGNMENT_ID_NOT_AVAILABLE") > -1)
{
$('div[id="preview_overlay"]').remove();
$('body').append('<div id="mtb_preview_overlay" \
title="This HIT has not been accepted. Click once to interact with content." \
style="position: fixed; left: 0px; top: 0px; \
width: 100%; height: 100%; \
opacity: 0.6; background-color: #000; z-index: 99; \
color: #333; \
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; \
font-size: 14px; \
line-height: 20px; \
cursor: not-allowed"> \
<h1 style="color: #333; \
font-family: inherit; \
font-weight: 700; \
color: inherit; \
text-rendering: optimizelegibility; \
line-height: 40px; \
font-size: 10em; \
margin: 50px auto; \
text-align:center; \
width: 100%;">Preview</h1></div>');
$('div[id="mtb_preview_overlay"]').bind('click', function()
{
this.style.pointerEvents = "none";
this.style.backgroundColor = "rgba(0, 0, 0, 0.0)";
this.style.color = "#F00";
});
}
});