☰

Greasy Fork is available in English.

Mobile01 (2019/08) - Load all pages beta

Load next page content until the end.

// ==UserScript==
// @name         Mobile01 (2019/08) - Load all pages beta
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Load next page content until the end.
// @author       nio127
// @match        https://www.mobile01.com/topicdetail.php*
// @grant        unsafeWindow
// @require http://code.jquery.com/jquery-3.4.1.min.js

// ==/UserScript==

(function() {
    //'use strict';



var NEXT_PAGE_TYPE =
{
    "FROM_ACTIVE" : 1,
    "FROM_NEXT" : 2
};
var dataset = {
    "mobile01": {
        "site" : "mobile01",
        "url_match" : "www.mobile01.com/*",
        "content_selector" : ".l-content__main>.u-gapNextV--lg",
        "content_index" : 2,
        "next_page_type" : NEXT_PAGE_TYPE.FROM_ACTIVE,
        "next_page_selector" : ".c-pagination--next",
        "active_page_selector" : ".l-pagination__page.is-active",
        "append_to" : ".l-content__main",
        "hide_selectors" : [
            ".u-gapNextV--lg>.l-navigation",
            ".u-gapNextV--lg>.l-heading"
        ],
        "sep_html" : "<hr class='page_separator' /><p class='page_info'>page: <a class='page_num'></a></p>"
    }
};
//var content = document.querySelector('.goods_content');
//var page_count = content.querySelectorAll('p.news-list-btn a').length;
//var callback_count = page_count - 1;
var loop_count = 1;

var show_message = function(count)
{
    var box = document.createElement("div");
    var html = [];

    html.push('<span style="display:block;margin:0px auto; opacity:1; vertical-align:middle; text-align:center; color:#fff; ">');
    html.push(count + " pages loaded...");
    html.push('</span>');
    box.innerHTML = html.join("");
    box.style = "background:#333; opacity:0.4; width:100%; position:fixed; bottom:0px; padding:5px; ";

    document.body.appendChild(box);

    setTimeout(function deleteMe(){
        document.body.removeChild(box);
    }, 3000);
};

var load_next_page = function (rule, content)//, loop_count)
{
//    var link_count = content.querySelectorAll('#goods-list-pages a').length;
//    var url = content.querySelectorAll('#goods-list-pages a')[(link_count-1)].href;
    if (content == undefined)
        content = document;

    var get_next_url = function(node) {
        var next_link;
        if (rule["next_page_type"] == NEXT_PAGE_TYPE.FROM_NEXT)
        {
            next_link = node.querySelector(rule["next_page_selector"]);
        }
        else if (rule["next_page_type"] == NEXT_PAGE_TYPE.FROM_ACTIVE)
        {
            next_link = node.querySelector(rule["active_page_selector"]);
            next_link = next_link.nextElementSibling;
            console.log('next_link', next_link);
            if (next_link && next_link.href == undefined)
            {
                next_link = next_link.querySelector("a");
            }
        }
        var next_url = "";
        if (next_link != undefined)
        {
            next_url = next_link.href;
            console.log("next_url = " + next_url);
        }
        else
        {
            console.log("cannot find next page link!");
        }
        return next_url;
    };


    var xhr = new XMLHttpRequest();
    var url = get_next_url(content);
    if (url == "")
    {
        //show load message
        show_message(loop_count);

        //exit
        return -1;
    }
    xhr.open('GET', url);
    xhr.onload = function() {
        if (xhr.status === 200) {
            //loop_count--;
            var data = xhr;
            tmp = document.createElement('div');
            tmp.innerHTML = data.responseText;

            var next_contents = tmp.querySelectorAll(rule["content_selector"]);
            var next_content;
            if (rule["content_index"] != -1)
            {
                next_content = next_contents[rule["content_index"]];
            }
            else
            {
                next_content = next_contents[0];
            }

            //hide elements
            if (rule["hide_selectors"].length)
            {
                var hide_length = rule["hide_selectors"].length;
                for (i=0; i<hide_length; i++)
                {
                    var items = next_content.querySelectorAll(rule["hide_selectors"]);
                    items.forEach(function(item) {
                        item.style.display = "none";
                    });
                }
            }

            //content.append(next_content);
            var append_to = document.querySelector(rule["append_to"]);

            //before next page content, insert separate html
            var sep_div = document.createElement("div");
            sep_div.innerHTML = rule["sep_html"];
            sep_div.id = "next_page_" + ++loop_count;
            sep_div.querySelector("a").href = url;
            sep_div.querySelector("a").innerText = loop_count;
            append_to.append(sep_div);

            //append next page content
            append_to.append(next_content);

            //check if next page exists
            load_next_page(rule, next_content);

            delete tmp;
        }
        else {
            alert('Request failed.  Returned status of ' + xhr.status);
        }
    };
    xhr.send();
};

load_next_page(dataset["mobile01"]);

    //$(".c-pagination--next");

    //refresh mobile01's pictures/attachments

    $("article img.lazy").each(function() {
        var srccontent = $(this).attr("data-src");
        srccontent.replace(/\/\/attach\.mobile01\.com\/attach\/.*?\/mobile01-.*?_m(1|2|3).(jpg|png|gif)/ig, function(matched, p1) {
            $("img[data-src$='"+matched+"']").addClass("m"+p1+"size");
        });
    });

    console.log("unsafeWindow = " + (undefined == unsafeWindow));
    var lazyLoadInstance = new unsafeWindow.LazyLoad({
        elements_selector: ".lazy"
    });
    unsafeWindow.li = lazyLoadInstance;
    console.log("lazyload = " + lazyLoadInstance);
    setTimeout(function() {unsafeWindow.li.update();console.log("update!");}, 5000);
    if (lazyLoadInstance) {
        lazyLoadInstance.update();
    }



})();