| 12 | | location.href = 'javascript:(' + function() { |
| 13 | | (function (w) { |
| 14 | | if (w && w.Hatena && w.Hatena.Star) { |
| 15 | | // 白("ffffff")は追加する必要なし |
| 16 | | var pallets = { |
| 17 | | 'original': [ |
| 18 | | "dedfde", "9ca2a5", "292829", |
| 19 | | "de3039", "732c00", "f7b29c", "ffdf4a", |
| 20 | | "7bbead", "295d52", "8cc7ef", "736dad" |
| 21 | | ], |
| 22 | | 'kikuyamaru': [ |
| 23 | | "000000", "eefd4c", "fef40c", "d6b331", |
| 24 | | "9d5038", "f94a29", "dd001d", "91e71e", |
| 25 | | "0c6c54", "2842bd", "2d366c", "1a1819", |
| 26 | | "333333", "666666", "999999", "cccccc", |
| 27 | | "fdd386", "ffcba6", "3e3725", "a700ad", |
| 28 | | "356843", "1190b1", "4b00d4", "fed50c", |
| 29 | | "fff381", "fd7622", "e85e66", "129e36", |
| 30 | | "5f713a", "f9518d", "62c3e1" |
| 31 | | ], |
| 32 | | 'gan2': [ |
| 33 | | "dedfde", "c6c7c6", "9ca2a5", "63696b", "313431", "212421", // 黒 |
| 34 | | "ffcfce", "f7aaad", "e74d52", "de3039", // 赤 |
| 35 | | "b58a73", "9c6142", "732800", "4a2008", // 茶 |
| 36 | | "ffdfd6", "ffd3c6", "ffc3ad", "ffb29c", // 肌 |
| 37 | | "ffef94", "ffdf4a", // 黄 |
| 38 | | "f7b28c", "ef8242", "de7d4a", // 橙 |
| 39 | | "def3ef", "addbce", "7bbead", "316d63", "295d52", // 緑 |
| 40 | | "d6ebff", "8ccbef", "7b96ce", // 水 |
| 41 | | "b5aed6", "7b75b5" // 紫 |
| 42 | | ], |
| 43 | | 'wacom': [ |
| 44 | | "f6d001", "9b3279", "d70067", "71a334", "016c9a" |
| 45 | | ], |
| 46 | | 'dwacom': [ |
| 47 | | "dedfde","9ca2a5","292829","de3039", |
| 48 | | "732c00","f7b29c","ffdf4a","7bbead", |
| 49 | | "295d52","8cc7ef","736dad","f6d001", |
| 50 | | "9b3279","d70067","71a334","016c9a" |
| 51 | | ] |
| | 15 | (function(){ |
| | 16 | |
| | 17 | if ( !(unsafeWindow && unsafeWindow.Hatena && unsafeWindow.Hatena.Star) ) |
| | 18 | return; |
| | 19 | |
| | 20 | |
| | 21 | // ��("ffffff")�͒lj�����v�Ȃ� |
| | 22 | unsafeWindow.CustomPalletForHaikuPallets = null; |
| | 23 | |
| | 24 | var WEDATA_BASE = 'http://wedata.net/databases/hatena-CustomPalletForHaiku'; |
| | 25 | var WEDATA_FETCH = WEDATA_BASE + '/items.json' |
| | 26 | |
| | 27 | // -------- |
| | 28 | function log () { |
| | 29 | var c = unsafeWindow.console; |
| | 30 | if (c) { |
| | 31 | c.log.apply(c, arguments); |
| | 32 | } |
| | 33 | } |
| | 34 | |
| | 35 | // |
| | 36 | var Wedata = (function(){ |
| | 37 | |
| | 38 | function getHatenaID (){ |
| | 39 | return unsafeWindow.Hatena.Visitor.name; |
| | 40 | } |
| | 41 | |
| | 42 | //TODO: implement me! |
| | 43 | function put ( data ) { |
| | 44 | throw new Error ( 'this operation is not supported still' ); |
| | 45 | } |
| | 46 | |
| | 47 | //TODO: implement me! |
| | 48 | function modify ( data ) { |
| | 49 | throw new Error ( 'this operation is not supported still' ); |
| | 50 | } |
| | 51 | |
| | 52 | return { |
| | 53 | fetch: function(){ |
| | 54 | GM_xmlhttpRequest({ |
| | 55 | method: 'GET', |
| | 56 | url: WEDATA_FETCH, |
| | 57 | onload: function(res) { |
| | 58 | if ( res.status != 200 ){ |
| | 59 | alert('something wrong...' + |
| | 60 | res.status + |
| | 61 | ' ' + |
| | 62 | res.statusText ); |
| | 63 | return; |
| | 64 | } |
| | 65 | var error; |
| | 66 | try { |
| | 67 | var items = eval("( " + res.responseText + " )"); |
| | 68 | if (!( items instanceof Array )) throw new Error; |
| | 69 | var dic = {}; |
| | 70 | items.forEach( function(item){ |
| | 71 | dic[item.name] = item.data.colors.split(/\s+/); |
| | 72 | }); |
| | 73 | |
| | 74 | } catch ( error ) { |
| | 75 | alert("received a malformed data." |
| | 76 | // + "\n" + error + "\n" + res.responseText |
| | 77 | ); |
| | 78 | return; |
| | 79 | } |
| | 80 | var javascriptlet = |
| | 81 | 'javascript:void(window.CustomPalletForHaikuPallets=' + |
| | 82 | dic.toSource() + ')'; |
| | 83 | location.href = javascriptlet; |
| | 84 | } |
| | 85 | }); |
| | 86 | }, |
| | 87 | |
| | 88 | fix: function( name, pallet ){ |
| | 89 | if( !confirm('really ??') ) return; |
| | 90 | var data = { name: name , data: { colors: pallet } }; |
| | 91 | if ( unsafeWindow.CustomPalletForHaikuPallets[name] instanceof Array ) { |
| | 92 | modify( data ); |
| | 93 | } else { |
| | 94 | put( data ); |
| | 95 | } |
| | 96 | } |
| 53 | | |
| 54 | | var entryForm = $X('.//form[@class="entry-form"]')[0]; |
| 55 | | var textContainer = $X('div[@class="text-container"]', entryForm)[0]; |
| 56 | | var colors = $N('span', {style: ["margin: 5px 5px"].join(';'), id: 'pallet-colors'}); |
| 57 | | var changer = function () { |
| 58 | | for (var i = 0, l = colors.childNodes.length; i < l; i++) { |
| 59 | | colors.removeChild(colors.firstChild); |
| 60 | | } |
| 61 | | pallets[select.value].forEach(function (color) { |
| 62 | | var cell = $N('span', {style: [ |
| 63 | | "background: #" + color, |
| 64 | | "padding: 2px 5px" |
| 65 | | ].join(';')}); |
| 66 | | colors.appendChild(cell); |
| 67 | | }); |
| 68 | | entryForm.insertBefore(colors, textContainer); |
| 69 | | }; |
| 70 | | var select = $N('select', { |
| 71 | | name: 'pallets', |
| 72 | | style: ["width: 300px", "margin: 2px 0px"].join(';')}); |
| 73 | | select.addEventListener('change', changer, false); |
| 74 | | for (var p in pallets) { |
| 75 | | var opt = $N('option', {value: p}, p); |
| 76 | | select.appendChild(opt); |
| 77 | | } |
| 78 | | entryForm.insertBefore(select, textContainer); |
| 79 | | changer(); |
| 80 | | |
| | 98 | })(); |
| | 99 | |
| | 100 | Wedata.fetch(); |
| | 101 | |
| | 102 | |
| | 103 | // Below script can not work with GM_* methods.. |
| | 104 | // But work with real window object. |
| | 105 | location.href = 'javascript:(' + function() { |
| | 106 | (function (w) { |
| | 107 | |
| | 108 | function log () { |
| | 109 | var c = w.console; |
| | 110 | if (c) { |
| | 111 | c.log.apply(c, arguments); |
| | 112 | } |
| | 113 | } |
| | 114 | |
| | 115 | function delayUntill( cond, action , max ){ |
| | 116 | setTimeout( function(){ |
| | 117 | if ( cond() ) { |
| | 118 | action(); |
| | 119 | } else if ( max > 0 ){ |
| | 120 | delayUntill( cond , action , max - 1 ); |
| | 121 | } |
| | 122 | }, 10 ); |
| | 123 | } |
| | 124 | |
| | 125 | // initialize ... |
| | 126 | function initSelector(){ |
| | 127 | var entryForm = $X('.//form[@class="entry-form"]')[0]; |
| | 128 | var textContainer = $X('div[@class="text-container"]', entryForm)[0]; |
| | 129 | var colors = $N('span', {style: ["margin: 5px 5px"].join(';'), |
| | 130 | id: 'pallet-colors'}); |
| | 131 | var changer = function () { |
| | 132 | for (var i = 0, l = colors.childNodes.length; i < l; i++) { |
| | 133 | colors.removeChild(colors.firstChild); |
| | 134 | } |
| | 135 | CustomPalletForHaikuPallets[select.value].forEach(function (color) { |
| | 136 | var cell = $N('span', {style: [ |
| | 137 | "background: #" + color, |
| | 138 | "padding: 2px 5px" |
| | 139 | ].join(';')}); |
| | 140 | colors.appendChild(cell); |
| | 141 | }); |
| | 142 | entryForm.insertBefore(colors, textContainer); |
| | 143 | }; |
| | 144 | var select = $N('select', { |
| | 145 | name: 'pallets', |
| | 146 | style: ["width: 300px", "margin: 2px 0px"].join(';')}); |
| | 147 | select.addEventListener('change', changer, false); |
| | 148 | for (var p in CustomPalletForHaikuPallets) { |
| | 149 | var opt = $N('option', {value: p}, p); |
| | 150 | select.appendChild(opt); |
| | 151 | } |
| | 152 | |
| | 153 | entryForm.insertBefore(select, textContainer); |
| | 154 | changer(); |
| | 155 | } |
| | 156 | |
| | 157 | delayUntill( function(){ return CustomPalletForHaikuPallets } , |
| | 158 | initSelector, 100 ); |
| | 159 | |
| | 160 | // add hooks for original Hatena objects. |
| 103 | | } |
| 104 | | |
| 105 | | |
| 106 | | // -------- |
| 107 | | function log () { |
| 108 | | var c = w.console; |
| 109 | | if (c) { |
| 110 | | c.log.apply(c, arguments); |
| 111 | | } |
| 112 | | } |
| 113 | | |
| 114 | | function $N(name, attr, childs) { |
| 115 | | var ret = document.createElement(name); |
| 116 | | for (var k in attr) if (attr.hasOwnProperty(k)) { |
| 117 | | var v = attr[k]; |
| 118 | | if (k == "class") ret.className = v; |
| 119 | | else ret.setAttribute(k, v); |
| 120 | | } |
| 121 | | switch(typeof childs){ |
| 122 | | case "string": |
| 123 | | ret.appendChild(document.createTextNode(childs)); |
| 124 | | break; |
| 125 | | case "object": |
| 126 | | for (var i=0, len=childs.length; i<len; i++) { |
| 127 | | var child = childs[i]; |
| 128 | | if (typeof child == "string") { |
| 129 | | ret.appendChild(document.createTextNode(child)); |
| 130 | | } else { |
| 131 | | ret.appendChild(child); |
| 132 | | } |
| 133 | | } |
| 134 | | } |
| 135 | | return ret; |
| 136 | | } |
| | 184 | |
| | 185 | |
| | 186 | // utilities |
| | 187 | function $N(name, attr, childs) { |
| | 188 | var ret = document.createElement(name); |
| | 189 | for (var k in attr) if (attr.hasOwnProperty(k)) { |
| | 190 | var v = attr[k]; |
| | 191 | if (k == "class") ret.className = v; |
| | 192 | else ret.setAttribute(k, v); |
| | 193 | } |
| | 194 | switch(typeof childs){ |
| | 195 | case "string": |
| | 196 | ret.appendChild(document.createTextNode(childs)); |
| | 197 | break; |
| | 198 | case "object": |
| | 199 | for (var i=0, len=childs.length; i<len; i++) { |
| | 200 | var child = childs[i]; |
| | 201 | if (typeof child == "string") { |
| | 202 | ret.appendChild(document.createTextNode(child)); |
| | 203 | } else { |
| | 204 | ret.appendChild(child); |
| | 205 | } |
| | 206 | } |
| | 207 | } |
| | 208 | return ret; |
| | 209 | } |