Weibo Bookmark

You can place a marker on the last newsfeed you have read, so it can be found easily next time. Ctrl-Click on an item to mark it, again to remove the mark.

当前为 2014-06-20 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

var Flower;
(function (Flower) {
    (function (csser) {
        /**
        * class names are case sensitive: http://devedge-temp.mozilla.org/viewsource/2001/css-class-id/
        */
        function hasClass(e, name) {
            return (new RegExp('(^|\\s)' + name + '(\\s|$)', 'gm')).test(e.className);
        }
        csser.hasClass = hasClass;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
/// <reference path="hasClass.ts" />
var Flower;
(function (Flower) {
    (function (csser) {
        function addClass(e, name) {
            if (!csser.hasClass(e, name)) {
                e.className += (' ' + name);
            }
        }
        csser.addClass = addClass;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
var Flower;
(function (Flower) {
    (function (csser) {
        function removeClass(e, name) {
            e.className = e.className.replace(new RegExp('(^|\\s+)' + name + '(?=\\s|$)', 'gm'), '');
        }
        csser.removeClass = removeClass;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
var Flower;
(function (Flower) {
    (function (csser) {
        function createStyle(rule) {
            var style = document.createElement('style');
            style.type = 'text/css';
            if (style.styleSheet) {
                style.styleSheet.cssText = rule; // IE
            } else {
                style.appendChild(document.createTextNode(rule));
            }
            return style;
        }
        csser.createStyle = createStyle;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
/// <reference path="createStyle.ts" />
var Flower;
(function (Flower) {
    (function (csser) {
        function addSheet(rule) {
            var head = document.head || document.getElementsByTagName('head')[0];
            head.appendChild(csser.createStyle(rule));
        }
        csser.addSheet = addSheet;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
// ==UserScript==
// @name			Weibo Bookmark
// @namespace		https://github.com/henix/userjs/weibo_marker
// @description		You can place a marker on the last newsfeed you have read, so it can be found easily next time. Ctrl-Click on an item to mark it, again to remove the mark.
// @author			henix
// @version			20140620.1
// @include			http://weibo.com/*
// @include			http://www.weibo.com/*
// @license			MIT License
// @grant			none
// ==/UserScript==
/**
* ChangeLog:
*
* 2013-3-30	henix
* 		解决在分组可见微博上添加书签不可见的问题
*
* 		分组可见微博有 type_group 这个 class 从而使原始 css 的优先级更高
*
* 		Version 1.0.1
*
* 2012-10-26	henix
* 		Updated to new version weibo.
*
* 		Version 1.0
*
* 2012-7-11	henix
* 		Fix the bug that can't add marker just upon "XX分钟前,你看到这里".
*
* 		Weibo will add a style dl.W_no_border which has a higher priority than ".feedmarker",
* 		so my style on border will be never applied.
* 		Change ".feedmarker" to "dl.feedmarker" can fix this bug.
*
* 2012-6-14	henix
* 		Add www.weibo.com
*
* 2012-5-30	henix
* 		Fix the bug that you can not add marker on Chrome sometimes.
*
* 		If the script executed before DOM loaded completely, the click handler will not be registered.
*
* 2012-2-27	henix
* 		don't listen on load event
*
* 2012-2-27	henix
* 		Version 0.1
*/
/// <reference path="flower/csser/addClass.ts" />
/// <reference path="flower/csser/removeClass.ts" />
/// <reference path="flower/csser/addSheet.ts" />
var csser = Flower.csser;

var curMark;

function markItem(e) {
    if (curMark) {
        demarkItem(curMark);
    }
    csser.addClass(e, 'feedmarker');
    curMark = e;
}

function demarkItem(e) {
    csser.removeClass(e, 'feedmarker');
    curMark = null;
}

function getTarget(ev, mse) {
    if (ev) {
        return ev.target;
    } else {
        return mse.srcElement;
    }
}

function clickHandler(ev) {
    var e = (ev || window.event);
    if (!e.ctrlKey) {
        return;
    }
    var tg = getTarget(ev, window.event);
    if (tg.nodeName === 'A') {
        return;
    }
    var p = tg.parentNode;
    while (p != this) {
        tg = p;
        p = tg.parentNode;
    }
    if (curMark !== tg) {
        markItem(tg);
        localStorage.setItem('feedmarkid', tg.getAttribute('mid'));
    } else {
        demarkItem(tg);
        localStorage.removeItem('feedmarkid');
    }
}

var oldId;

var feedlist = null;

function markOld() {
    var feeds = feedlist.querySelectorAll('div.WB_feed_type');
    if (feeds) {
        var len = feeds.length;
        var done = false;
        for (var i = len - 1; i >= 0; i--) {
            var item = feeds[i];
            if (item.getAttribute('mid') === oldId) {
                csser.addClass(item, 'feedmarker-old');
                done = true;
                break;
            }
        }
        if (!done) {
            setTimeout(markOld, 1000 * 2); // try after 2s
        }
    }
}

csser.addSheet('div.WB_feed div.WB_feed_type.feedmarker, ' + 'div.WB_feed div.WB_feed_type.feedmarker-old, ' + 'div.WB_feed div.WB_feed_type.type_group.feedmarker, ' + 'div.WB_feed div.WB_feed_type.type_group.feedmarker-old {' + 'border-top-width: 20px;' + 'border-right-width: 1px;' + 'border-bottom-width: 1px;' + 'border-left-width: 1px;' + 'border-top-style: solid;' + 'border-right-style: dashed;' + 'border-bottom-style: dashed;' + 'border-left-style: dashed;' + 'border-right-color: black;' + 'border-bottom-color: black;' + 'border-left-color: black;' + '}' + 'div.WB_feed div.WB_feed_type.feedmarker-old, ' + 'div.WB_feed div.WB_feed_type.type_group.feedmarker-old {' + 'border-top-color: #ff6;' + '}' + 'div.WB_feed div.WB_feed_type.feedmarker, ' + 'div.WB_feed div.WB_feed_type.type_group.feedmarker {' + 'border-top-color: #ccc;' + '}');
oldId = localStorage.getItem('feedmarkid');

function addClickHandler() {
    feedlist = document.querySelector('div#pl_content_homeFeed > div.WB_feed');
    if (feedlist) {
        feedlist.addEventListener('click', clickHandler);
        if (oldId) {
            markOld();
        }
    } else {
        // maybe the DOM is not loaded completely, we will try after 1s
        setTimeout(addClickHandler, 1000);
    }
}

addClickHandler();