https://let.hatelabo.jp/esportgmailcom/rss
Bookmarklets from esportgmailcom
-
https://let.hatelabo.jp/esportgmailcom/let/hJmdrrmVlbIw
2018-08-26T00:11:55Z
Add ICON to Hatena Star like Hatena Blog Star
esportgmailcom
[Let] Hatena Star with ICON
<a href="javascript:%28function%28%29%7Bvar%20D_%3Ddocument%3Bvar%20RE_USER%3D%2F%5E%28%5CS%2B%29%28%20%5C%28%5Cw%2B%5C%29%29%3F%24%2F%3Bvar%20RE_FACEBOOK_ID%3D%2F%40facebook%24%2F%3Bvar%20RE_TWITTER_ID%3D%2F%40twitter%24%2F%3Bvar%20forEach%3DArray.prototype.forEach%3Bvar%20setStyle%3Dfunction%28e%2Cs%29%7Bfor%28var%20i%20in%20s%29%7Be.style%5Bi%5D%3Ds%5Bi%5D%7D%7D%3Bvar%20iconizeStar%3Dfunction%28star%29%7Bvar%20lnk%3Dstar.parentNode%3Bif%28lnk.iconized%29return%3Bvar%20user%3Dstar.alt%3Bvar%20match%3DRE_USER.exec%28user%29%3Bif%28match%29%7Buser%3Dmatch%5B1%5D%7Dvar%20icon%3DD_.createElement%28%27img%27%29%3Bif%28RE_FACEBOOK_ID.exec%28user%29%29%7Bicon.src%3D%22http%3A%2F%2Fn.hatena.com%2F%22%2Buser%2B%22%2Fprofile%2Fimage.gif%22%7Delse%20if%28RE_TWITTER_ID.exec%28user%29%29%7Bicon.src%3D%22http%3A%2F%2Fn.hatena.com%2F%22%2Buser%2B%22%2Fprofile%2Fimage.gif%22%7Delse%7Bicon.src%3D%27http%3A%2F%2Fcdn1.www.st-hatena.com%2Fusers%2F%27%2Buser.substr%280%2C2%29%2B%27%2F%27%2Buser%2B%27%2Fprofile.gif%27%7Dvar%20forwardMouseEvent%3Dfunction%28ev%29%7Bif%28%2F%5Emouse%2F.test%28ev.type%29%29%7Bvar%20newEvent%3Dnew%20MouseEvent%28ev.type%2C%7Bbubbles%3Aev.bubbles%2Ccancelable%3Aev.cancelable%2Cview%3Aev.view%2Cdetail%3Aev.detail%2CscreenX%3Aev.screenX%2CscreenY%3Aev.screenY%2CclientX%3Aev.clientX%2CclientY%3Aev.clientY%7D%29%3Bev.target.nextSibling.dispatchEvent%28newEvent%29%7D%7D%3Bicon.addEventListener%28%22mouseover%22%2CforwardMouseEvent%2Cfalse%29%3Bicon.addEventListener%28%22mouseout%22%2CforwardMouseEvent%2Cfalse%29%3BsetStyle%28lnk%2C%7Bwidth%3A%2220px%22%2Cheight%3A%2220px%22%2Cposition%3A%22relative%22%2Cdisplay%3A%22inline-block%22%2Cmargin%3A%222px%22%2C%22vertical-align%22%3A%22middle%22%7D%29%3BsetStyle%28icon%2C%7Bheight%3A%2220px%22%2Cwidth%3A%2220px%22%2Cposition%3A%22absolute%22%7D%29%3BsetStyle%28star%2C%7Bposition%3A%22absolute%22%2Cbottom%3A%220px%22%2Cleft%3A%220px%22%2Cmargin%3A%220px%22%2Cbackground%3A%22rgba%28255%2C%20255%2C%20255%2C%200.7%29%22%2C%22borderptop-top-right-radius%22%3A%222px%22%2C%22borderptop-bottom-left-radius%22%3A%222px%22%7D%29%3Blnk.insertBefore%28icon%2Cstar%29%3Blnk.iconized%3Dtrue%7D%3Bvar%20iconizeAll%3Dfunction%28ctx%29%7BforEach.call%28ctx.querySelectorAll%28%27.hatena-star-star-container%20img.hatena-star-star%27%29%2C%28function%28star%29%7BiconizeStar%28star%29%7D%29%29%7D%3BiconizeAll%28D_.body%29%3Bvar%20MutationObserver%3Dwindow.MutationObserver%7C%7Cwindow.WebkitMutationObserver%3Bnew%20MutationObserver%28%28function%28records%29%7Brecords.forEach%28%28function%28record%29%7Bif%28record.addedNodes%29%7BforEach.call%28record.addedNodes%2C%28function%28e%29%7Bvar%20child%3De.firstChild%3Bif%28child%26%26child.tagName%3D%3D%22IMG%22%26%26child.className%3D%3D%22hatena-star-star%22%29%7BiconizeStar%28child%29%7D%7D%29%29%7D%7D%29%29%7D%29%29.observe%28D_.body%2C%7BchildList%3Atrue%2Csubtree%3Atrue%7D%29%3Bif%28location.hostname%3D%3D%22q.hatena.ne.jp%22%29%7Bnew%20MutationObserver%28%28function%28records%29%7Brecords.forEach%28%28function%28record%29%7Bif%28record.addedNodes%29%7BforEach.call%28record.addedNodes%2C%28function%28e%29%7Bif%28e.className%3D%3D%27list-balloon%20answer%27%29%7BHatena.Star.EntryLoader.loadNewEntries%28e%29%7D%7D%29%29%7D%7D%29%29%7D%29%29.observe%28D_.body%2C%7BchildList%3Atrue%2Csubtree%3Atrue%7D%29%7D%7D%29%28%29%3B">Hatena Star with ICON</a><pre>/*
* @title Hatena Star with ICON
* @description Add ICON to Hatena Star like Hatena Blog Star
* @contributor yuta25 http://let.hatelabo.jp/yuta25/let/hJmdwaO-jcEv (Fork of)
* @license MIT License
* @javascript_url
*/
(function(){
var D_ = document;
var RE_USER = /^(\S+)( \(\w+\))?$/;
var RE_FACEBOOK_ID = /@facebook$/;
var RE_TWITTER_ID = /@twitter$/;
var forEach = Array.prototype.forEach;
var setStyle = function(e, s) {
for (var i in s) {
e.style[i] = s[i];
}
};
var iconizeStar = function (star) {
var lnk = star.parentNode;
if (lnk.iconized) return;
var user = star.alt;
var match = RE_USER.exec(user); // e.g. alt="a-kuma3 (green)"
if (match) {
user = match[1];
}
var icon = D_.createElement('img');
if (RE_FACEBOOK_ID.exec(user)) { // Facebook user
icon.src = "http://n.hatena.com/" + user + "/profile/image.gif";
} else if (RE_TWITTER_ID.exec(user)) { // Twitter user
icon.src = "http://n.hatena.com/" + user + "/profile/image.gif";
} else { // hatena user
icon.src = 'http://cdn1.www.st-hatena.com/users/' + user.substr(0, 2) + '/' + user + '/profile.gif';
}
var forwardMouseEvent = function(ev) {
if (/^mouse/.test(ev.type)) {
/*
Deprecated : MouseEvent.initMouseEvent
https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/initMouseEvent
*/
// var newEvent = document.createEvent("MouseEvents");
// newEvent.initMouseEvent(ev.type, ev.bubbles, ev.cancelable, ev.view, ev.detail, ev.screenX, ev.screenY, ev.clientX, ev.clientY, ev.ctrlKey, ev.altKey, ev.shiftKey, ev.metaKey, 0, null);
var newEvent = new MouseEvent(ev.type, {
bubbles: ev.bubbles,
cancelable: ev.cancelable,
view: ev.view,
detail: ev.detail,
screenX: ev.screenX,
screenY: ev.screenY,
clientX: ev.clientX,
clientY: ev.clientY
});
ev.target.nextSibling.dispatchEvent(newEvent);
}
};
icon.addEventListener("mouseover", forwardMouseEvent, false);
icon.addEventListener("mouseout", forwardMouseEvent, false);
// Hatena Blog style
setStyle(lnk, {
"width": "20px",
"height": "20px",
"position": "relative",
"display": "inline-block",
"margin": "2px",
"vertical-align": "middle",
});
setStyle(icon, {
"height": "20px",
"width": "20px",
"position": "absolute",
});
setStyle(star, {
"position": "absolute",
"bottom": "0px",
"left": "0px",
"margin": "0px",
"background": "rgba(255, 255, 255, 0.7)",
"borderptop-top-right-radius": "2px",
"borderptop-bottom-left-radius": "2px",
});
lnk.insertBefore(icon, star);
lnk.iconized = true;
};
var iconizeAll = function(ctx) {
forEach.call(ctx.querySelectorAll('.hatena-star-star-container img.hatena-star-star'), function (star) {
iconizeStar(star);
});
};
iconizeAll(D_.body);
// https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
var MutationObserver = window.MutationObserver || window.WebkitMutationObserver;
new MutationObserver(function (records) {
records.forEach(function (record) {
if (record.addedNodes) {
forEach.call(record.addedNodes, function(e) {
var child = e.firstChild;
if (child && child.tagName == "IMG" && child.className == "hatena-star-star") {
iconizeStar(child);
}
});
}
});
}).observe(D_.body, { childList: true, subtree: true });
// Hatena Star doesn't work after autopagerizing in q.hatena.ne.jp ...
//
// cf. https://gist.github.com/noromanba/2725191
// http://s.hatena.ne.jp/js/HatenaStar.js
if (location.hostname == "q.hatena.ne.jp") {
new MutationObserver(function (records) {
records.forEach(function (record) {
if (record.addedNodes) {
forEach.call(record.addedNodes, function(e) {
if (e.className == 'list-balloon answer') {
Hatena.Star.EntryLoader.loadNewEntries(e);
}
});
}
});
}).observe(D_.body, { childList: true, subtree: true });
}
}());
</pre>
-
https://let.hatelabo.jp/esportgmailcom/let/hLHVrrmVmIdE
2018-08-26T00:11:55Z
Add ICON to Hatena Star like Hatena Blog Star
esportgmailcom
[Let] Hatena Star with ICON
<a href="javascript:%28function%28%29%7Bvar%20D_%3Ddocument%3Bvar%20RE_USER%3D%2F%5E%28%5CS%2B%29%28%20%5C%28%5Cw%2B%5C%29%29%3F%24%2F%3Bvar%20RE_FACEBOOK_ID%3D%2F%40facebook%24%2F%3Bvar%20RE_TWITTER_ID%3D%2F%40twitter%24%2F%3Bvar%20forEach%3DArray.prototype.forEach%3Bvar%20setStyle%3Dfunction%28e%2Cs%29%7Bfor%28var%20i%20in%20s%29%7Be.style%5Bi%5D%3Ds%5Bi%5D%7D%7D%3Bvar%20iconizeStar%3Dfunction%28star%29%7Bvar%20lnk%3Dstar.parentNode%3Bif%28lnk.iconized%29return%3Bvar%20user%3Dstar.alt%3Bvar%20match%3DRE_USER.exec%28user%29%3Bif%28match%29%7Buser%3Dmatch%5B1%5D%7Dvar%20icon%3DD_.createElement%28%27img%27%29%3Bif%28RE_FACEBOOK_ID.exec%28user%29%29%7Bicon.src%3D%22http%3A%2F%2Fn.hatena.com%2F%22%2Buser%2B%22%2Fprofile%2Fimage.gif%22%7Delse%20if%28RE_TWITTER_ID.exec%28user%29%29%7Bicon.src%3D%22http%3A%2F%2Fn.hatena.com%2F%22%2Buser%2B%22%2Fprofile%2Fimage.gif%22%7Delse%7Bicon.src%3D%27http%3A%2F%2Fcdn1.www.st-hatena.com%2Fusers%2F%27%2Buser.substr%280%2C2%29%2B%27%2F%27%2Buser%2B%27%2Fprofile.gif%27%7Dvar%20forwardMouseEvent%3Dfunction%28ev%29%7Bif%28%2F%5Emouse%2F.test%28ev.type%29%29%7Bvar%20newEvent%3Dnew%20MouseEvent%28ev.type%2C%7Bbubbles%3Aev.bubbles%2Ccancelable%3Aev.cancelable%2Cview%3Aev.view%2Cdetail%3Aev.detail%2CscreenX%3Aev.screenX%2CscreenY%3Aev.screenY%2CclientX%3Aev.clientX%2CclientY%3Aev.clientY%7D%29%3Bev.target.nextSibling.dispatchEvent%28newEvent%29%7D%7D%3Bicon.addEventListener%28%22mouseover%22%2CforwardMouseEvent%2Cfalse%29%3Bicon.addEventListener%28%22mouseout%22%2CforwardMouseEvent%2Cfalse%29%3BsetStyle%28lnk%2C%7Bwidth%3A%2220px%22%2Cheight%3A%2220px%22%2Cposition%3A%22relative%22%2Cdisplay%3A%22inline-block%22%2Cmargin%3A%222px%22%2C%22vertical-align%22%3A%22middle%22%7D%29%3BsetStyle%28icon%2C%7Bheight%3A%2220px%22%2Cwidth%3A%2220px%22%2Cposition%3A%22absolute%22%7D%29%3BsetStyle%28star%2C%7Bposition%3A%22absolute%22%2Cbottom%3A%220px%22%2Cleft%3A%220px%22%2Cmargin%3A%220px%22%2Cbackground%3A%22rgba%28255%2C%20255%2C%20255%2C%200.7%29%22%2C%22borderptop-top-right-radius%22%3A%222px%22%2C%22borderptop-bottom-left-radius%22%3A%222px%22%7D%29%3Blnk.insertBefore%28icon%2Cstar%29%3Blnk.iconized%3Dtrue%7D%3Bvar%20iconizeAll%3Dfunction%28ctx%29%7BforEach.call%28ctx.querySelectorAll%28%27.hatena-star-star-container%20img.hatena-star-star%27%29%2C%28function%28star%29%7BiconizeStar%28star%29%7D%29%29%7D%3BiconizeAll%28D_.body%29%3Bvar%20MutationObserver%3Dwindow.MutationObserver%7C%7Cwindow.WebkitMutationObserver%3Bnew%20MutationObserver%28%28function%28records%29%7Brecords.forEach%28%28function%28record%29%7Bif%28record.addedNodes%29%7BforEach.call%28record.addedNodes%2C%28function%28e%29%7Bvar%20child%3De.firstChild%3Bif%28child%26%26child.tagName%3D%3D%22IMG%22%26%26child.className%3D%3D%22hatena-star-star%22%29%7BiconizeStar%28child%29%7D%7D%29%29%7D%7D%29%29%7D%29%29.observe%28D_.body%2C%7BchildList%3Atrue%2Csubtree%3Atrue%7D%29%3Bif%28location.hostname%3D%3D%22q.hatena.ne.jp%22%29%7Bnew%20MutationObserver%28%28function%28records%29%7Brecords.forEach%28%28function%28record%29%7Bif%28record.addedNodes%29%7BforEach.call%28record.addedNodes%2C%28function%28e%29%7Bif%28e.className%3D%3D%27list-balloon%20answer%27%29%7BHatena.Star.EntryLoader.loadNewEntries%28e%29%7D%7D%29%29%7D%7D%29%29%7D%29%29.observe%28D_.body%2C%7BchildList%3Atrue%2Csubtree%3Atrue%7D%29%7D%7D%29%28%29%3B">Hatena Star with ICON</a><pre>/*
* @title Hatena Star with ICON
* @description Add ICON to Hatena Star like Hatena Blog Star
* @contributor yuta25 http://let.hatelabo.jp/yuta25/let/hJmdwaO-jcEv (Fork of)
* @license MIT License
* @javascript_url
*/
(function(){
var D_ = document;
var RE_USER = /^(\S+)( \(\w+\))?$/;
var RE_FACEBOOK_ID = /@facebook$/;
var RE_TWITTER_ID = /@twitter$/;
var forEach = Array.prototype.forEach;
var setStyle = function(e, s) {
for (var i in s) {
e.style[i] = s[i];
}
};
var iconizeStar = function (star) {
var lnk = star.parentNode;
if (lnk.iconized) return;
var user = star.alt;
var match = RE_USER.exec(user); // e.g. alt="a-kuma3 (green)"
if (match) {
user = match[1];
}
var icon = D_.createElement('img');
if (RE_FACEBOOK_ID.exec(user)) { // Facebook user
icon.src = "http://n.hatena.com/" + user + "/profile/image.gif";
} else if (RE_TWITTER_ID.exec(user)) { // Twitter user
icon.src = "http://n.hatena.com/" + user + "/profile/image.gif";
} else { // hatena user
icon.src = 'http://cdn1.www.st-hatena.com/users/' + user.substr(0, 2) + '/' + user + '/profile.gif';
}
var forwardMouseEvent = function(ev) {
if (/^mouse/.test(ev.type)) {
/*
Deprecated : MouseEvent.initMouseEvent
https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/initMouseEvent
*/
// var newEvent = document.createEvent("MouseEvents");
// newEvent.initMouseEvent(ev.type, ev.bubbles, ev.cancelable, ev.view, ev.detail, ev.screenX, ev.screenY, ev.clientX, ev.clientY, ev.ctrlKey, ev.altKey, ev.shiftKey, ev.metaKey, 0, null);
var newEvent = new MouseEvent(ev.type, {
bubbles: ev.bubbles,
cancelable: ev.cancelable,
view: ev.view,
detail: ev.detail,
screenX: ev.screenX,
screenY: ev.screenY,
clientX: ev.clientX,
clientY: ev.clientY
});
ev.target.nextSibling.dispatchEvent(newEvent);
}
};
icon.addEventListener("mouseover", forwardMouseEvent, false);
icon.addEventListener("mouseout", forwardMouseEvent, false);
// Hatena Blog style
setStyle(lnk, {
"width": "20px",
"height": "20px",
"position": "relative",
"display": "inline-block",
"margin": "2px",
"vertical-align": "middle",
});
setStyle(icon, {
"height": "20px",
"width": "20px",
"position": "absolute",
});
setStyle(star, {
"position": "absolute",
"bottom": "0px",
"left": "0px",
"margin": "0px",
"background": "rgba(255, 255, 255, 0.7)",
"borderptop-top-right-radius": "2px",
"borderptop-bottom-left-radius": "2px",
});
lnk.insertBefore(icon, star);
lnk.iconized = true;
};
var iconizeAll = function(ctx) {
forEach.call(ctx.querySelectorAll('.hatena-star-star-container img.hatena-star-star'), function (star) {
iconizeStar(star);
});
};
iconizeAll(D_.body);
// https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
var MutationObserver = window.MutationObserver || window.WebkitMutationObserver;
new MutationObserver(function (records) {
records.forEach(function (record) {
if (record.addedNodes) {
forEach.call(record.addedNodes, function(e) {
var child = e.firstChild;
if (child && child.tagName == "IMG" && child.className == "hatena-star-star") {
iconizeStar(child);
}
});
}
});
}).observe(D_.body, { childList: true, subtree: true });
// Hatena Star doesn't work after autopagerizing in q.hatena.ne.jp ...
//
// cf. https://gist.github.com/noromanba/2725191
// http://s.hatena.ne.jp/js/HatenaStar.js
if (location.hostname == "q.hatena.ne.jp") {
new MutationObserver(function (records) {
records.forEach(function (record) {
if (record.addedNodes) {
forEach.call(record.addedNodes, function(e) {
if (e.className == 'list-balloon answer') {
Hatena.Star.EntryLoader.loadNewEntries(e);
}
});
}
});
}).observe(D_.body, { childList: true, subtree: true });
}
}());
</pre>