TAB imgs Fork

  • /*
     * @title TAB imgs
     * @description append tab navigation to image
     * @include http://*
     * @exclude http://www.moae.jp/comic/*
     * @exclude http://yawaspi.com/*
     * @exclude http://urasunday.com/*
     * @license MIT http://opensource.org/licenses/MIT
     * @javascript_url
     */
    
    // for background image
    // http://let.hatelabo.jp/noromanba/let/hLHW67STx8oc
    
    // e.g.
    // http://www.kurage-bunch.com/manga/youkai/01/
    
    (function () {
        // slice binding c.f.
        // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
        var slice = Function.prototype.call.bind(Array.prototype.slice);
    
        var handler = function (context) {
            // like a NodeFilter; c.f.
            // https://developer.mozilla.org/en-US/docs/Web/API/NodeFilter
            var filter = function(node, nodeName) {
                if (node.nodeName.toLowerCase() === nodeName.toLowerCase()) {
                    return [node];
                }
                if (!node.querySelectorAll) { // alt. document.ELEMENT_NODE
                    return [];
                }
                return slice(node.querySelectorAll(nodeName));
            };
    
            var each = function (imgs) {
                imgs.forEach(function (img) {
                    // ignoring img.natural*, "0" on loading
                    if (!img.src) return;
    
                    img.tabIndex = img.tabIndex > -1 ? img.tabIndex : 0;
                });
            };
    
            each(filter(context, 'img[src]'));
        };
        handler(document.body);
    
        // c.f. MutationObserver
        // https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
        // http://caniuse.com/#feat=mutationobserver
        new MutationObserver(function (records) {
            records.forEach(function (record) {
                handler(record.target);
            });
        }).observe(document.body, { childList: true, subtree: true });
    })();
    
    
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2015/07/06 19:44:27 - 2015-07-06
  2. 2015/05/19 22:41:48 - 2015-05-19
  3. 2015/05/18 19:53:10 - 2015-05-18
  4. 2015/05/18 19:32:27 - 2015-05-18
  5. 2015/05/18 19:20:38 - 2015-05-18
  6. 2015/05/18 19:18:21 - 2015-05-18
  7. 2015/05/18 19:04:20 - 2015-05-18
  8. 2015/05/18 18:22:56 - 2015-05-18
  9. 2015/05/18 18:03:56 - 2015-05-18
  10. 2014/11/18 18:25:56 - 2014-11-18
  11. 2014/11/18 18:14:12 - 2014-11-18