Add a new Mark to BlogMarks.net by Selecting a piece of text and clicking the BlogMarks's icon which appear after the selection
// ==UserScript==
// @name Add to BlogsMarks Userscript
// @namespace https://blogmarks.net
// @version 0.1
// @description Add a new Mark to BlogMarks.net by Selecting a piece of text and clicking the BlogMarks's icon which appear after the selection
// @author Decembre
// @icon https://icons.iconarchive.com/icons/sicons/basic-round-social/48/blogmarks-icon.png
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
var selectionIcon = null;
document.addEventListener('selectionchange', function() {
if (selectionIcon) {
selectionIcon.remove();
selectionIcon = null;
}
var selection = window.getSelection();
if (selection.toString() !== '') {
var range = selection.getRangeAt(0);
var rect = range.getBoundingClientRect();
selectionIcon = document.createElement('img');
selectionIcon.src = 'https://icons.iconarchive.com/icons/sicons/basic-round-social/48/blogmarks-icon.png';
selectionIcon.style.position = 'absolute';
selectionIcon.style.top = (rect.top + window.scrollY) + 'px';
selectionIcon.style.left = (rect.left + window.scrollX + rect.width) + 'px';
selectionIcon.style.width = '32px';
selectionIcon.style.height = '32px';
selectionIcon.style.cursor = 'pointer';
selectionIcon.style.zIndex = '1000';
document.body.appendChild(selectionIcon);
selectionIcon.addEventListener('click', function() {
var q = selection.toString();
var r = document.referrer;
void(open('http://blogmarks.net/my/marks,new?mini=1' +
'&title=' + encodeURIComponent(document.title) +
'&url=' + encodeURIComponent(location.href) +
'&summary=' + encodeURIComponent(q) +
'&via=' + encodeURIComponent(r),
'blogmarks', 'location=no,toolbar=no,scrollbars=yes,width=350,height=450,status=no'));
});
}
});
})();