https://let.hatelabo.jp/dechin/rss
Bookmarklets from dechin
-
https://let.hatelabo.jp/dechin/let/hJmco9ztp656
2018-01-22T12:17:53Z
my bookmarklet
dechin
[Let] kome_float
<a href="javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fdechin%2Flet%2FhJmco9ztp656.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B">kome_float</a><pre>/*
* @title kome_float
* @description my bookmarklet
* @license MIT License
* @require
*/
javascript:(
function(){
$('#kheader').css('display','none');
$('#komediv').css('width','400px');
$('#kome').css('width','25em');
$('#klog_view').css('resize','both');
$('#klog_view').css('width','394px');
$('#klog_view').css('bottom','150px');
$('#klog_view').css('position','absolute');
document.getElementById("klog_view").classList.add("drag-and-drop");
document.getElementById("nama_box").classList.add("drag-and-drop");
var elements = document.getElementsByClassName("drag-and-drop");
var x,y;
for(var i = 0; i < elements.length; i++) {
elements[i].addEventListener("mousedown", mdown, false);
elements[i].addEventListener("touchstart", mdown, false);
}
function mdown(e) {
this.classList.add("drag");
if(e.type === "mousedown") {
var event = e;
} else {
var event = e.changedTouches[0];
}
x = event.pageX - this.offsetLeft;
y = event.pageY - this.offsetTop;
var clientRect = this.getBoundingClientRect() ;
var positionX = clientRect.left + window.pageXOffset ;
var clickX = event.pageX - positionX;
if ((this.offsetWidth - clickX) > 17){
document.body.addEventListener("mousemove", mmove, false);
document.body.addEventListener("touchmove", mmove, false);
}
}
function mmove(e) {
var drag = document.getElementsByClassName("drag")[0];
if(e.type === "mousemove") {
var event = e;
} else {
var event = e.changedTouches[0];
}
e.preventDefault();
if(event.target.className != "lightboxOverlay"){
drag.style.top = event.pageY - y + "px";
drag.style.left = event.pageX - x + "px";
}
drag.addEventListener("mouseup", mup, false);
document.body.addEventListener("mouseleave", mup, false);
drag.addEventListener("touchend", mup, false);
document.body.addEventListener("touchleave", mup, false);
}
function mup(e) {
var drag = document.getElementsByClassName("drag")[0];
document.body.removeEventListener("mousemove", mmove, false);
drag.removeEventListener("mouseup", mup, false);
document.body.removeEventListener("touchmove", mmove, false);
drag.removeEventListener("touchend", mup, false);
drag.classList.remove("drag");
}
}
)()</pre>