ChordWikiのフレットボード表示をUfretのような表示形式にします。
// ==UserScript==
// @name ChordWikiLikeUfret
// @supportURL https://twitter.com/graphemec1uster
// @version 1.0
// @description ChordWikiのフレットボード表示をUfretのような表示形式にします。
// @author ぐらふぃーむ
// @match *://ja.chordwiki.org/*
// @grant GM_addStyle
// @grant GM.addStyle
// @noframes
// @namespace http://surrogatepair.github.io/
// ==/UserScript==
(function() {
if (typeof GM_addStyle == "undefined") GM_addStyle = typeof GM.addStyle == "undefined" ? (function(code) {
var style = document.createElement("style");
style.type = "text/css";
if (style.styleSheet) style.styleSheet.cssText = code;
else style.innerHTML = code;
document.getElementsByTagName("head")[0].appendChild(style);
}) : GM.addStyle;
GM_addStyle(".likeUfretON span.chord{cursor:initial;pointer-events:none;display:inline-block;line-height:2em;position:relative;left:-10px;text-align:center}.likeUfretON span.chord img{display:block;margin:5px -2px -2px}.likeUfretON span.word{position:relative;left:-2em}.likeUfretON p.line{line-height:3em;text-indent:-40px;margin-left:40px}.likeUfretON p.line.comment{line-height:1em}div.main{margin:0 180px 0 10px}.likeUfretOFF span.chord img,.likeUfretOFF #likeUfretOFF,.likeUfretON #likeUfretON{display:none}");
[].forEach.call(document.getElementsByClassName("chord"), function(e) {
e.insertAdjacentHTML("afterbegin", '<img src="' + e.getAttribute("onclick").slice(23, -10) + '">');
});
document.getElementById("key").insertAdjacentHTML("afterend", 'フレットボードの常時表示を <button id="likeUfretON" onclick="localStorage.setItem(\'srg_Ufret\',0);document.body.className=\'likeUfretON\'">有効にする</button><button id="likeUfretOFF" onclick="localStorage.setItem(\'srg_Ufret\',1);document.body.className=\'likeUfretOFF\'">無効にする</button> <small>(<a href="https://greasyfork.org/ja/scripts/387826-chordwikilikeufret">ChordWikiLikeUfret</a> ver. 0.5)</small>');
if (!localStorage.getItem("srg_Ufret")) localStorage.setItem("srg_Ufret", 0);
document.body.className = localStorage.getItem("srg_Ufret") == 1 ? "likeUfretOFF" : "likeUfretON";
})();