htmlpainter
by
nonnonHTN
2014-06-11 [2014/06/11 22:57:18]
my bookmarklet
@@ -98,7 +98,7 @@
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAklJREFUWEfFlyEwREEYxy8IwgVBEARBEISLgiAIgigIgiAIgnBBuGDmgiAIgiBcFARBEARBEARBEARBuCAIAjMCv//O/928Y93c3Nt3/jO/8fbbve97+/bbb1elXzU+KjOwA6M2DVcEvoIWPMCqzcMRAVfgzM/TcAp6oVoYULYIdAtbbgbRXoA7OIZxm8sRATTrZ7iEWZtlH4FNeIS62u5KKxxX4Qm0FPdwCGPuVv+YbepbsjmdcLoOR37WrLdAL6S/nVnzrJ1yYWZsLi47nHcziPY4HIHyYNHmINrLoN2yD50vNZBwMGln0fXFPgvKjXOYtll2fakGtG0aTDhQcjXd/FOMyfJjD8Ks+avCtRcGDCo77WR+LzFuFA6gDcoPfbnBl4Af6/NeudmXGK/laILqQ7GKiYNsNms29RTjlJRhtyQRzl7gy9zAnLt+ib5t0OzTFCMcaStlwfPoQJrwsCDaS6BcKbbl8sLZCcReQLyBtpiSTsVHRSlp4ZHjd4gFz6MzQHQVosLCoQ6YWMAYXadkEuFUyaQionWNBc048E/SCadT8Ojn7OB5hZ/B02V8XjhV6W24GUQ7O24/QcH1Zcq5hOBYNV2JpTzomiHtNdDX6Bw6pYgAv45a2/RifxajQsKx1lvrmj/NaqDLpy6h17ARBpchnO9ClmCq/+vuUt8q1N1ML5xrprHCo9tw102oFBGk137Xi1U9tBwRQJ9Y1+7YC6QvNjERSFdvXSTyS6HnKQ8ZjhQQlPV6gZbNwxfBlZjl/sv1/6pUvgH9lgN8s5WJmgAAAABJRU5ErkJggg==',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAk9JREFUWEfFlyFQVUEUhl8wEAgEgsFAIBAIRIPBYCAYDQQCwWAgGAgGgjMEgoFgIBiIBoPB4IwGgsFgMBgMBIOBYDAYdMag37fz3zf3yeUN8+7e5z/zDXfP7jvn7t2zZ5fRVfXrzWgNHsFCTPMVgU/hBD7DVszzEQHvwcs8r8IL8IU2yoChRaAPsJtmEe3b8BGewXLMw4gAzvorvIX1mLVfgwdwBnu201VXOF6EL+BSfIKnsJRu+5dis28z5nrC6Q4c59lZ74Iv5N/xrHl2p7wOazH3VxzeSrOI9jIcg3lwJ+Yi2nfB3fIExl9qJuHgRpx1ri/2dTA3XsFqzNr9UvtwHtNswoHJdZDmpWJMkx+HUGbNXwvXYRkwq+J0nPnTxLgFOIJzMD/8crMvAT/2856meSUx3uU4AOtDv4qJg2Y22zFNFeNMyrJbqghn3+BPeA8303VB9D0EZ1+nGOHIrdQEb+OBdD3DimhvgrnSb8u1hbPn0PUC8gPcYiadxceiVLXw6PgndAVv4xkgE4Wot3DoAdMVsIuJU7KKcGoyWURc166gDUf5ST3hdAXO8twcPN/h3+D1Mr4tnFp699Msot0ct7/B4H6ZYS4hOLamm1jmwcQMaW+DX2N86AwiAlw4amPzxS4tRr2EY9fbdW2fZhvg5dNL6Du4XwYPIZw/hibBrP876bJvC/bSrC+cO9OuwuNteOImNIgIMm2/+2KLGTqMCOAn9trd9QL1i02XCOTV24tEeyl8XsmQ+ciAYNb7Aicxz18ENzGH/Zfr/2s0+gvANUBGxecl6AAAAABJRU5ErkJggg==',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAjtJREFUWEfFlxFUQ1EYxwfBIAgGQTAIBoMwCIJgEAZBEATBIAiCQecMgiAIgmAYBEEQBEEQBEEQDIIgCIIgCNbvf8//7Wz1tnb27lv/c36n93337rvvvvvd794Ko6rT6VRgD4p2TVYMfAMteIJ1uycjBlyDCz/PwznohRZCh7zFQPdQtxmEvQwPcAolu/MRA2jWL3ANVbvln4JtaMOubDfFFYGn4Rm0FI9wDDNuVvuMfWqr2R1PBN2EEz9r1nXQC+lvd9Y8a6dcmYrd2eWASzaDsEtwAsqDFbuDsFdBu+UQul9qLBFgzsFS1xd/FZQblzBvt/z6Ug14tWs8EUDJ1bQ5UPRJ8uMAwqz5q8J1EDqMKwftZv4w0a8IR/AKyg99ufGXgB/r897YHEn013I0QfUhW8UkQDKbDbuGin5KyrBboohgb5DoDhbd9Eu07YBmH6cYEUhbKU06kGbdLQi7BsqVbFuuVwQ7g0H6AG0xJZ2Kj4pS1MKjwJ/wl3QGiL5ClFkE1AEzqvpOySgiqJJJRUTrOkxH/kk8EbQMbT8nB887/FS8jO8VQVV6GzaDsJPj9gskfZl8LiEEVk1XYikP+maIvQH6Gt1DJxcxwK+j1j692MBilEkE1nprXXtPswXQ5VOX0FvYCp3zEMH3IZHq/6ab1LYOuzbji+CaaVrh0W247yaUixhk2H7Xi027az5iAH1iXbvTFL/YpImBdPXWRaJ3KfRcdpfJSAOCsl5q2T15MbgSM99/uf5fhcI3vhWE3leYUi0AAAAASUVORK5CYII=',
-'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAjtJREFUWEfFlxFUQ1EYxwfBIAgGQTAIBoMwCIJgEAZBEATBIAiCQecMgiAIgmAYBEEQBEEQBEEQDIIgCIIgCNbvf8//7Wz1tnb27lv/c36n93337rvvvvvd794Ko6rT6VRgD4p2TVYMfAMteIJ1uycjBlyDCz/PwznohRZCh7zFQPdQtxmEvQwPcAolu/MRA2jWL3ANVbvln4JtaMOubDfFFYGn4Rm0FI9wDDNuVvuMfWqr2R1PBN2EEz9r1nXQC+lvd9Y8a6dcmYrd2eWASzaDsEtwAsqDFbuDsFdBu+UQul9qLBFgzsFS1xd/FZQblzBvt/z6Ug14tWs8EUDJ1bQ5UPRJ8uMAwqz5q8J1EDqMKwftZv4w0a8IR/AKyg99ufGXgB/r897YHEn013I0QfUhW8UkQDKbDbuGin5KyrBboohgb5DoDhbd9Eu07YBmH6cYEUhbKU06kGbdLQi7BsqVbFuuVwQ7g0H6AG0xJZ2Kj4pS1MKjwJ/wl3QGiL5ClFkE1AEzqvpOySgiqJJJRUTrOkxH/kk8EbQMbT8nB887/FS8jO8VQVV6GzaDsJPj9gskfZl8LiEEVk1XYikP+maIvQH6Gt1DJxcxwK+j1j692MBilEkE1nprXXtPswXQ5VOX0FvYCp3zEMH3IZHq/6ab1LYOuzbji+CaaVrh0W247yaUixhk2H7Xi027az5iAH1iXbvTFL/YpImBdPXWRaJ3KfRcdpfJSAOCsl5q2T15MbgSM99/uf5fhcI3vhWE3leYUi0AAAAASUVORK5CYII='],
+'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAh1JREFUWEftlqFTAkEUhwkEg4FAIBgIBgPBYDAYCAaCwWAkEggGg8FgcIZgIBgMBoPBwB9gIBgMBAPBYDAYDAaCwWAwGPD73by7GT24WxYOxxl+M98w996+3eXevn2XW+hfaDgc5qENm2aar1h4Hz5BuoKSubIXixXgHQ5hCx7gA45gyYZlJxY5hyfI27PS0YABPMNeMDALMXkFvqBmpkjY9GZ0LuS/hYq5ZiebuGuPI4V/FW5AG7mAormmExPt2qRrZkoU42qgVOm86NAGKfMSwUug/LbN5CQtClpcm9BmYqlzEoE64W9QMNNEIq4ISofe4JmZ3URACfQPGmbyEvFR+ZrJTQToolGt++cQEf+jfJ3E4A2QqmbyEvFjyzdRBPSgb4/eYo7U8h0pgl5BugevxkPcDjiXbyQC6qCGo/u+A9I1ODcexnqVbxiof98yk2zaSB/UeI4htfEwxq98CTgANZdlM0XCFjaeFxjbePCF5ds0k7sI0s4H9hgTPtX0KShFd7BurkjY/MtXE4KUWDb4RzYefqcvX4IvQflLPb2M2YZHCG46UPl2zO0nJtBB1CtUvmOv+LcYo8ajxSWlpmwufzGJNtGFoIlA4mnGfwKqntQNTyQmDFuqUtKE2MHCVgb987qZZismVkvVudDb0OXSgirontfHiu6Ing3PTiyyAipBbUKbkfSrapjf57nEgroP9Opn89230N8rl/sGT3O2j4xqmMMAAAAASUVORK5CYII='],
colorList: ['#FDD','#FDF','#EDF','#DEF','#DFF','#CFC','#EFC','#FED','#FFF','#444'],
getElementPosition: function (elem){
/*
* @title htmlpainter
* @description my bookmarklet
* @include http://*
* @license MIT License
* @require
*/
var __nona_paint = {
dragging: null,
divlistcache: null,
dropDst: null,
backgroundColorBackup: null,
onMouseDown : function(e) {
var pos = __nona_paint.getElementPosition(this);
offsetX = e.pageX - pos.left;
offsetY = e.pageY - pos.top;
__nona_paint.dragging = this.cloneNode(true);
__nona_paint.dragging.id="__nona_paint_dragging";
document.body.appendChild(__nona_paint.dragging);
__nona_paint.dragging.style.position = 'absolute';
return false;
},
onMouseMove: function(e) {
if (!__nona_paint.dragging) {
return true;
}
if (!__nona_paint.divlistcache)
{
__nona_paint.divlistcache = document.all;
}
__nona_paint.dragging.style.left = (e.pageX - offsetX)+'px';
__nona_paint.dragging.style.top = (e.pageY - offsetY)+'px';
var size = 0;
var currentDropDst = null;
var objlist = __nona_paint.divlistcache;
for (i = 0; i < objlist.length; i++) {
if (objlist[i] == __nona_paint.dragging) continue;
if (objlist[i].className != '__nona_paint')
var dstPos = __nona_paint.getElementPosition(objlist[i]);
if (!(e.pageY > dstPos.top
&& e.pageY < dstPos.top + parseInt(objlist[i].clientHeight) + 8))
{
continue;
}
if (!(e.pageX > dstPos.left
&& e.pageX < dstPos.left + parseInt(objlist[i].clientWidth)))
{
continue;
}
if (size == 0 || size > objlist[i].clientHeight * objlist[i].clientWidth)
{
size = objlist[i].clientHeight * objlist[i].clientWidth;
currentDropDst = objlist[i];
}
}
if (__nona_paint.dropDst != currentDropDst)
{
if (__nona_paint.dropDst)
{
__nona_paint.dropDst.style.backgroundColor = __nona_paint.backgroundColorBackup;
}
__nona_paint.backgroundColorBackup = currentDropDst.style.backgroundColor;
if (currentDropDst)
{
currentDropDst.style.backgroundColor = __nona_paint.dragging.getAttribute('data-paint-color');
}
__nona_paint.dropDst = currentDropDst;
}
},
onMouseUp: function(e) {
if (!__nona_paint.dragging) {
return true;
}
__nona_paint.dragging.parentNode.removeChild(__nona_paint.dragging);
if (__nona_paint.dropDst)
{
if (__nona_paint.dragging.getAttribute('data-paint-color') == '#444')
{
__nona_paint.dropDst.style.display = 'none';
}
else
{
__nona_paint.dropDst.style.backgroundColor = __nona_paint.dragging.getAttribute('data-paint-color');
}
}
__nona_paint.dropDst = null;
__nona_paint.dragging = null;
__nona_paint.divlistcache = null;
},
srcList: ['data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAkhJREFUWEfFlyEwREEYx18QBOGCIAiCIAiiIAiCIArCBUEQBEEQBDOCIFwQLgiiIAiCIAiCIAiCIAjCBUEQmBH4/Xf+7+Yd6+bm3r7zn/mNt9/ufd/bt99+u7Je9ZFlU7ANwzYNVgS+gmN4gBWbByMCLsOZnyfhFPRCM2FA1SLQLWy4GUR7Hu7gCEZtrkYE0Kyf4RKmbZZ9CNbhEbbUdlda4XgEnkBLcQ+HUHO3+mu2qW/R5nTC6So0/axZb4BeSH/bs+ZZO+XCTNlcXnY452YQ7VFogvJgweYg2kug3XIA7S/Vl3AwbmfR9cU+DcqNc5i0WXZ9qR1o2dSfcKDk2nPzTzEmz499CLPmrwrXfhjQr+y0nfndxLhhaEALlB/6cv0vAT/W571ysycxXsuxB6oP5SomDvLZ1G3qKsYpKcNuSSKcvcCXuYFZd/0SfZug2acpRjjSVsqDF9GBNOZhQbQXQblSbssVhbMTiL2AeANtMSWdio+KUtLCI8fvEAteRGeA6ChEpYVDHTCxgDE6TskkwqmSSUVE6xoLmtPwT9IJpxPw6Of84HmFn8HTZXxROFXp3XEziHZ+3H6CguvLVHMJwbFquhJLedAxQ9p10NdoHzqViAC/jlrb9GJ/FqNSwrHWW+taPM1mQJdPXUKvYS0MrkI434U8wVT/V92lvhXYcjO9cK6ZxgqPbsMdN6FKRJBu+10vNuKh1YgA+sS6dsdeIH2xiYlAunrrIlFcCj1PeMhgpICgrNcLHNs8eBFciVntv1z/ryz7BuUyidmyVnUyAAAAAElFTkSuQmCC',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAk9JREFUWEfFlyFQVUEUhl8wEAgEgsFAIBAIRIPBYCAYDQQCwWAgGAgGgjMEgoFgIBiIBoPB4IwGgsFgMBgMBIOBYDAYdMag37fz3zf3yeUN8+7e5z/zDXfP7jvn7t2zZ5fRVfVr9GYNHsFCTPMVgU/hBD7DVszzEQHvwcs8r8IL8IU2yoChRaAPsJtmEe3b8BGewXLMw4gAzvorvIX1mLVfgwdwBnu201VXOF6EL+BSfIKnsJRu+5dis28z5nrC6Q4c59lZ74Iv5N/xrHl2p7wOazH3VxzeSrOI9jIcg3lwJ+Yi2nfB3fIExl9qJuHgRpx1ri/2dTA3XsFqzNr9UvtwHtNswoHJdZDmpWJMkx+HUGbNXwvXYRkwq+J0nPnTxLgFOIJzMD/8crMvAT/2856meSUx3uU4AOtDv4qJg2Y22zFNFeNMyrJbqghn3+BPeA8303VB9D0EZ1+nGOHIrdQEb+OBdD3DimhvgrnSb8u1hbPn0PUC8gPcYiadxceiVLXw6PgndAVv4xkgE4Wot3DoAdMVsIuJU7KKcGoyWURc166gDUf5ST3hdAXO8twcPN/h3+D1Mr4tnFp699Msot0ct7/B4H6ZYS4hOLamm1jmwcQMaW+DX2N86AwiAlw4amPzxS4tRr2EY9fbdW2fZhvg5dNL6Du4XwYPIZw/hibBrP876bJvC/bSrC+cO9OuwuNteOImNIgIMm2/+2KLGTqMCOAn9trd9QL1i02XCOTV24tEeyl8XsmQ+ciAYNb7Aicxz18ENzGH/Zfr/2s0+gsJ10BGRzgH/gAAAABJRU5ErkJggg==',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAklJREFUWEfFlyEwREEYxy8IwgVBEARBEISLgiAIgigIgiAIgnBBuGDmgiAIgiBcFARBEARBEARBEARBuCAIAjMCv//O/928Y93c3Nt3/jO/8fbbve97+/bbb1elXzUqHzOwA6M2DVcEvoIWPMCqzcMRAVfgzM/TcAp6oVoYULYIdAtbbgbRXoA7OIZxm8sRATTrZ7iEWZtlH4FNeIS62u5KKxxX4Qm0FPdwCGPuVv+YbepbsjmdcLoOR37WrLdAL6S/nVnzrJ1yYWZsLi47nHcziPY4HIHyYNHmINrLoN2yD50vNZBwMGln0fXFPgvKjXOYtll2fakGtG0aTDhQcjXd/FOMyfJjD8Ks+avCtRcGDCo77WR+LzFuFA6gDcoPfbnBl4Af6/NeudmXGK/laILqQ7GKiYNsNms29RTjlJRhtyQRzl7gy9zAnLt+ib5t0OzTFCMcaStlwfPoQJrwsCDaS6BcKbbl8sLZCcReQLyBtpiSTsVHRSlp4ZHjd4gFz6MzQHQVosLCoQ6YWMAYXadkEuFUyaQionWNBc048E/SCadT8Ojn7OB5hZ/B02V8XjhV6W24GUQ7O24/QcH1Zcq5hOBYNV2JpTzomiHtNdDX6Bw6pYgAv45a2/RifxajQsKx1lvrmj/NaqDLpy6h17ARBpchnO9ClmCq/+vuUt8q1N1ML5xrprHCo9tw102oFBGk137Xi1U9tBwRQJ9Y1+7YC6QvNjERSFdvXSTyS6HnKQ8ZjhQQlPV6gZbNwxfBlZjl/sv1/6pUvgEKbgN8C8dT7AAAAABJRU5ErkJggg==',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAitJREFUWEfFly9QAkEUxgkGA4FgMBgIBIKBaHB2DAaD0UAwEAwGgoFgIDhDIBgIBoOBaDAYDAYDwWAwGAwGgsFAMBgM7oxBv+/eu7k7XRiG24Vv5jfevj1u/739di1MLWOr4Bgsa2TOMnYA+uAF1DU6Jxm7B671uQKuADtUi2LBZewjaGpJZOwWeAIXYEWjgSSjfgN3YF2jjC+BQzAEragcRMYWwSvgUjyDM1DSWtaXNMa6HY16lLENcK7PHHUTsEP8m4xadsqtUtWoB8kHN7Uk4rqzU5IH2xoVGbsLuFtOQTJTM8nYNf2Ye32ZE5IbN6CiUcY5U20w0siMkuTqaGm8kvzoAhm1GFc3ep5Z8tEk8yeJLmlsD4wA84Mzl2MJZHoHWppOshwdQH/I6ZjJaPY1MlmSlLJbvMjYd/CjPIANrfkvY48AR+/JjGQrxY2n4YG0qm+JaD6SKzm3XFrGXgJXB8gn4BZj0tF8aEpejYcf/gKuxtPwDCBZI8otOWBcDbrInpJeJMlEE+G6uhqN6ekvPMrYMhjqc3zwfIC/jXvM+LTEettaEiXH7Tdg45yZQJcQ8XQmFvMgO0IaksxGcugEkeuolRg7Nt6McknWm+uaPs1qgJdPXkLvwUEUDyJjT0CcYPT/htawrg5aWgogGanLeHgbzt6EgmjyfmfHivpmIMkU89rt6kAAs3FJrt68SKSXgs9lfWNOEidk1rMDfY0uQJKYgf/lWrgKhV9Hz8ajbqeLLAAAAABJRU5ErkJggg==',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAidJREFUWEfFly9QAkEUxgkGA4FgMBgIBIKBaDAYDAajgWAgGAwEA8FAcIZAMBAMBgPRYDAYDAaCwWAwGAwEg4FgMBh8Mwb9vnvv5u50YRhuF76Z33j79rj99/bbtTC1RKrgGCxbZM4SGYA+eAF1i85JInvg2p4r4AqwQ7UoFlwij6BpJZXIFngCF2DFooGko34Dd2DdoowvgUMwBK2oHEQiRfAKuBTP4AyUrJb1JYuxbseiHiXSAOf2zFE3ATvEv8modafcGlWLepB+cNNKKq47O6V5sG1Rlcgu4G45BclMzSSRNfuYe32ZE5obN6BiUcY5U20wssiM0uTqWGm8kvzoAh21Glc3ep5Z+tEk8yeJLinSAyPA/ODM5VgCnd6BlaaTLkcH0B9yOmYymn2LTJYmpe4WLxJ5Bz/GA9iwmv8SOQIcvScz0q0UN56GB9KqvaWi+Wiu5NxyaYlcAlcHyCfgFmPS0XxoSl6Nhx/+Aq7G0/AMIFkjyi09YFwNusiekl6kyUQT4bq6Go3p2S88SqQMhvYcHzwf4G/jHjM+LbXetpVUyXH7Ddg4ZybQJUQ9nYnFPMiOkIaks5EcOkHkOmo1xo6NN6Nc0vXmuqZPsxrg5ZOX0HtwEMWDSOQExAlG/29YDevqoGWlANKRuoyHt+HsTSiIJu93dqxobwaSTjGv3a4OBDAbl/TqzYtEein4XLY35iR1QmY9O9C36AKkiRn4X66Fq1D4BSLSfRBsVMgTAAAAAElFTkSuQmCC',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAitJREFUWEfFly9QAkEUxgkGA4FgMBgIBIKBaHB2DAaD0UAwEAwGgoFgIDhDIBgIBoOBaDAYDAYDwWAwGAwGgsFAMBgM7oxBv+/eu7k7XRiG24Vv5jfevj1u/739di1MLWuq4Bgsa2TOsmYA+uAF1DU6J1mzB671uQKuADtUi2LBZc0jaGpJZM0WeAIXYEWjgSSjfgN3YF2jjC+BQzAEragcRNYUwSvgUjyDM1DSWtaXNMa6HY16lDUNcK7PHHUTsEP8m4xadsqtUtWoB8kHN7Uk4rqzU5IH2xoVWbMLuFtOQTJTM8maNf2Ye32ZE5IbN6CiUcY5U20w0siMkuTqaGm8kvzoAhm1GFc3ep5Z8tEk8yeJLmlND4wA84Mzl2MJZHoHWppOshwdQH/I6ZjJaPY1MlmSlLJbvMiad/CjPIANrfkva44AR+/JjGQrxY2n4YG0qm+JaD6SKzm3XFrWXAJXB8gn4BZj0tF8aEpejYcf/gKuxtPwDCBZI8otOWBcDbrInpJeJMlEE+G6uhqN6ekvPMqaMhjqc3zwfIC/jXvM+LTEettaEiXH7Tdg45yZQJcQ8XQmFvMgO0IaksxGcugEkeuolRg7Nt6McknWm+uaPs1qgJdPXkLvwUEUDyJrTkCcYPT/htawrg5aWgogGanLeHgbzt6EgmjyfmfHivpmIMkU89rt6kAAs3FJrt68SKSXgs9lfWNOEidk1rMDfY0uQJKYgf/lWrgKhV/+LcajiyNiVQAAAABJRU5ErkJggg==',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAklJREFUWEfFlyEwREEYxy8IwgVBEARBEISLgiAIgigIgiAIgnBBuGDmgiAIgiBcFARBEARBEARBEARBuCAIAjMCv//O/928Y93c3Nt3/jO/8fbbve97+/bbb1elXzU+KjOwA6M2DVcEvoIWPMCqzcMRAVfgzM/TcAp6oVoYULYIdAtbbgbRXoA7OIZxm8sRATTrZ7iEWZtlH4FNeIS62u5KKxxX4Qm0FPdwCGPuVv+YbepbsjmdcLoOR37WrLdAL6S/nVnzrJ1yYWZsLi47nHcziPY4HIHyYNHmINrLoN2yD50vNZBwMGln0fXFPgvKjXOYtll2fakGtG0aTDhQcjXd/FOMyfJjD8Ks+avCtRcGDCo77WR+LzFuFA6gDcoPfbnBl4Af6/NeudmXGK/laILqQ7GKiYNsNms29RTjlJRhtyQRzl7gy9zAnLt+ib5t0OzTFCMcaStlwfPoQJrwsCDaS6BcKbbl8sLZCcReQLyBtpiSTsVHRSlp4ZHjd4gFz6MzQHQVosLCoQ6YWMAYXadkEuFUyaQionWNBc048E/SCadT8Ojn7OB5hZ/B02V8XjhV6W24GUQ7O24/QcH1Zcq5hOBYNV2JpTzomiHtNdDX6Bw6pYgAv45a2/RifxajQsKx1lvrmj/NaqDLpy6h17ARBpchnO9ClmCq/+vuUt8q1N1ML5xrprHCo9tw102oFBGk137Xi1U9tBwRQJ9Y1+7YC6QvNjERSFdvXSTyS6HnKQ8ZjhQQlPV6gZbNwxfBlZjl/sv1/6pUvgH9lgN8s5WJmgAAAABJRU5ErkJggg==',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAk9JREFUWEfFlyFQVUEUhl8wEAgEgsFAIBAIRIPBYCAYDQQCwWAgGAgGgjMEgoFgIBiIBoPB4IwGgsFgMBgMBIOBYDAYdMag37fz3zf3yeUN8+7e5z/zDXfP7jvn7t2zZ5fRVfXrzWgNHsFCTPMVgU/hBD7DVszzEQHvwcs8r8IL8IU2yoChRaAPsJtmEe3b8BGewXLMw4gAzvorvIX1mLVfgwdwBnu201VXOF6EL+BSfIKnsJRu+5dis28z5nrC6Q4c59lZ74Iv5N/xrHl2p7wOazH3VxzeSrOI9jIcg3lwJ+Yi2nfB3fIExl9qJuHgRpx1ri/2dTA3XsFqzNr9UvtwHtNswoHJdZDmpWJMkx+HUGbNXwvXYRkwq+J0nPnTxLgFOIJzMD/8crMvAT/2856meSUx3uU4AOtDv4qJg2Y22zFNFeNMyrJbqghn3+BPeA8303VB9D0EZ1+nGOHIrdQEb+OBdD3DimhvgrnSb8u1hbPn0PUC8gPcYiadxceiVLXw6PgndAVv4xkgE4Wot3DoAdMVsIuJU7KKcGoyWURc166gDUf5ST3hdAXO8twcPN/h3+D1Mr4tnFp699Msot0ct7/B4H6ZYS4hOLamm1jmwcQMaW+DX2N86AwiAlw4amPzxS4tRr2EY9fbdW2fZhvg5dNL6Du4XwYPIZw/hibBrP876bJvC/bSrC+cO9OuwuNteOImNIgIMm2/+2KLGTqMCOAn9trd9QL1i02XCOTV24tEeyl8XsmQ+ciAYNb7Aicxz18ENzGH/Zfr/2s0+gvANUBGxecl6AAAAABJRU5ErkJggg==',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAjtJREFUWEfFlxFUQ1EYxwfBIAgGQTAIBoMwCIJgEAZBEATBIAiCQecMgiAIgmAYBEEQBEEQBEEQDIIgCIIgCNbvf8//7Wz1tnb27lv/c36n93337rvvvvvd794Ko6rT6VRgD4p2TVYMfAMteIJ1uycjBlyDCz/PwznohRZCh7zFQPdQtxmEvQwPcAolu/MRA2jWL3ANVbvln4JtaMOubDfFFYGn4Rm0FI9wDDNuVvuMfWqr2R1PBN2EEz9r1nXQC+lvd9Y8a6dcmYrd2eWASzaDsEtwAsqDFbuDsFdBu+UQul9qLBFgzsFS1xd/FZQblzBvt/z6Ug14tWs8EUDJ1bQ5UPRJ8uMAwqz5q8J1EDqMKwftZv4w0a8IR/AKyg99ufGXgB/r897YHEn013I0QfUhW8UkQDKbDbuGin5KyrBboohgb5DoDhbd9Eu07YBmH6cYEUhbKU06kGbdLQi7BsqVbFuuVwQ7g0H6AG0xJZ2Kj4pS1MKjwJ/wl3QGiL5ClFkE1AEzqvpOySgiqJJJRUTrOkxH/kk8EbQMbT8nB887/FS8jO8VQVV6GzaDsJPj9gskfZl8LiEEVk1XYikP+maIvQH6Gt1DJxcxwK+j1j692MBilEkE1nprXXtPswXQ5VOX0FvYCp3zEMH3IZHq/6ab1LYOuzbji+CaaVrh0W247yaUixhk2H7Xi027az5iAH1iXbvTFL/YpImBdPXWRaJ3KfRcdpfJSAOCsl5q2T15MbgSM99/uf5fhcI3vhWE3leYUi0AAAAASUVORK5CYII=',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAh1JREFUWEftlqFTAkEUhwkEg4FAIBgIBgPBYDAYCAaCwWAkEggGg8FgcIZgIBgMBoPBwB9gIBgMBAPBYDAYDAaCwWAwGPD73by7GT24WxYOxxl+M98w996+3eXevn2XW+hfaDgc5qENm2aar1h4Hz5BuoKSubIXixXgHQ5hCx7gA45gyYZlJxY5hyfI27PS0YABPMNeMDALMXkFvqBmpkjY9GZ0LuS/hYq5ZiebuGuPI4V/FW5AG7mAormmExPt2qRrZkoU42qgVOm86NAGKfMSwUug/LbN5CQtClpcm9BmYqlzEoE64W9QMNNEIq4ISofe4JmZ3URACfQPGmbyEvFR+ZrJTQToolGt++cQEf+jfJ3E4A2QqmbyEvFjyzdRBPSgb4/eYo7U8h0pgl5BugevxkPcDjiXbyQC6qCGo/u+A9I1ODcexnqVbxiof98yk2zaSB/UeI4htfEwxq98CTgANZdlM0XCFjaeFxjbePCF5ds0k7sI0s4H9hgTPtX0KShFd7BurkjY/MtXE4KUWDb4RzYefqcvX4IvQflLPb2M2YZHCG46UPl2zO0nJtBB1CtUvmOv+LcYo8ajxSWlpmwufzGJNtGFoIlA4mnGfwKqntQNTyQmDFuqUtKE2MHCVgb987qZZismVkvVudDb0OXSgirontfHiu6Ing3PTiyyAipBbUKbkfSrapjf57nEgroP9Opn89230N8rl/sGT3O2j4xqmMMAAAAASUVORK5CYII='],
colorList: ['#FDD','#FDF','#EDF','#DEF','#DFF','#CFC','#EFC','#FED','#FFF','#444'],
getElementPosition: function (elem){
var position=elem.getBoundingClientRect();
return {
left:Math.round(window.document.body.scrollLeft + document.documentElement.scrollLeft + position.left),
top:Math.round(window.document.body.scrollTop + document.documentElement.scrollTop + position.top)
}
}
};
setTimeout(function () {
objlist = document.getElementsByTagName('IMG');
document.onmousemove = __nona_paint.onMouseMove;
document.onmouseup = __nona_paint.onMouseUp;
var palette = document.createElement("div");
palette.style.backgroundColor = 'gray';
palette.style.position = 'fixed';
palette.style.opacity = '0.8';
palette.style.zIndex = 999;
palette.style.height= '40px';
palette.style.padding = '4px';
palette.style.width = '340px';
palette.style.backgroundColor = 'gray';
palette.className = '__nona_paint';
for (var i = 0; i < 10; i++)
{
var image = document.createElement("img");
image.src=__nona_paint.srcList[i];
image.setAttribute('data-paint-color', __nona_paint.colorList[i]);
image.className = '__nona_paint';
image.onmousedown = __nona_paint.onMouseDown;
palette.appendChild(image);
}
document.body.insertBefore(palette, document.body.childNodes[0]);
}, 0);
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。
