popupTitleOverAnchorsOnMGS

MGS動画/PRESTIGEで作品のリンクに(だいたいの)フルタイトルをポップアップ

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

/* jshint esversion: 6 */
// ==UserScript==
// @name         popupTitleOverAnchorsOnMGS
// @namespace    https://greasyfork.org/ja/users/289387-unagionunagi
// @version      0.4
// @description  MGS動画/PRESTIGEで作品のリンクに(だいたいの)フルタイトルをポップアップ
// @author       unagiOnUnagi
// @match        *://www.mgstage.com/*
// @match        *://www.prestige-av.com/*
// @grant        none
// @license      GPL-2.0-or-later
// ==/UserScript==

function addTitles(itemSelector='.rank_list > ul > li,' +
                    '.pickup_list > li,' +
                    '.carousel-2row-item-wrapper,' +
                    '.right_genre_inner',
                    titleSelector='.title',
                    cxtNode=document.body) {
    // タイトルを設定
    for (let item of cxtNode.querySelectorAll(itemSelector)) {
        const titleEl = item.querySelector(titleSelector);
        if (!titleEl) continue;

        const title = titleEl.textContent.trim();
        titleEl.title = title;
        item.querySelector('img:first-child').title = title;
    }
}

function* pageNum2Trim(pagination) {
    let pageLinks = pagination.querySelectorAll('a[value],strong');
    const length = pageLinks.length;
    if (length <= 5) return;

    pageLinks = Array.from(pageLinks);
    const currPage = pageLinks.findIndex(elem => elem.tagName == 'STRONG');
    const before = currPage - 2;
    const after = currPage + 2;
    if (before < 1) {
        yield* pageLinks.slice(5);
    } else if (currPage >= length - 2) {
        yield* pageLinks.slice(0, length - 5);
    } else {
        yield* pageLinks.filter((_, i) => i < before || i > after);
    }
}

function addTitlesOnMGS(url) {
    // MGS
    if (url.includes('/search/') || url.includes('ppv_advanced.php')) {
        // 検索結果 (商品リスト) ページ

        // ページネーションをページヘッダにも追加
        let pagination = document.querySelector('.pager_search_bottom > p');
        if (pagination) {
            pagination = pagination.cloneNode(true);
            for (let rmNode of pageNum2Trim(pagination)) {
                pagination.removeChild(rmNode);
            }
            let searchForm = document.querySelector('.search_form');
            searchForm.appendChild(pagination);
        }

        // 表示切替:「詳細あり」ならスキップ
        if (url.includes('&disp_type=detail')) return;

        addTitles();

        return;
    }

    // カテゴリトップページ
    for (let item of document.querySelectorAll('.item_box_inner')) {
        let titleSrc = item.querySelector('img.pake');
        if (titleSrc) {
            const title = titleSrc.alt;
            titleSrc.title = title;
            item.querySelector('.videottl').title = title;
        } else if ((titleSrc = item.querySelector('.title'))) {
            const title = titleSrc.textContent.trim();
            titleSrc.title = title;
            item.querySelector('img:first-child').title = title
        }
    }

    addTitles();
    addTitles('#products > li.product', 'p.name');

    // ランキング
    for (let rankingArea of document.querySelectorAll('.right_rank_area,' +
                                                      '.right_ppv_rank,' +
                                                      '.right_anime_rank')) {
        addTitles('ul > li',
                  '.title,.right_ppv_rank_title,.right_anime_rank_title',
                  rankingArea);
    }

    // ジャンル
    // addTitles('div.right_genre_inner');

    // 新着作品
    for (let latest of document.querySelectorAll('.right_latest_list_link')) {
        latest.title = latest.querySelector('p').textContent.trim();
    }
}

function addTitlesOnPrestige(root=document.body) {
    // Prestige-av.com
    for (let prod of root.querySelectorAll('.c-product-card')) {
        // console.log(prod);
        let title = prod.querySelector('img').alt;
        if (title) prod.title = title;
    }
}

(function() {

    const url = document.URL;

    if (url.includes('mgstage.com')) {
        addTitlesOnMGS(url);
    } else {
        addTitlesOnPrestige();

        const observer = new MutationObserver(mutations => {
            for (let mutation of mutations) {
                // console.log(mutation.target);
                addTitlesOnPrestige(mutation.target);
            }
        });
        observer.observe(document.body, { childList: true, subtree: true });

    }

})();