Tower Record in One Screen

Tower Record in One Screen (Personal use)

目前為 2018-12-31 提交的版本,檢視 最新版本

// ==UserScript==
// @name         Tower Record in One Screen
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Tower Record in One Screen (Personal use)
// @author       InfinityLoop
// @match        https://tower.jp/*
// @require      http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js
// ==/UserScript==

(function() {
    'use strict';
    $("#headerNavInner01").remove()
    $("#headerSubNavArea").remove()
    // フレームを入れる
    $("#headerNav").after("<div class='newFrame'></div>")
    $(".newFrame").before($(".searchPagerWrap02").clone())
    // リストを処理
    $(".discographyTableDivLine01.cfix").map(function(i, b) {
        // 画像とタイトルを抽出する
        var imgAndTitle = $(this).children(".discographyTableImg01").children("p").children("a").children("img")
        // 画像リンク
        var imgLink = imgAndTitle.attr("src")
        var imgTitle = imgAndTitle.attr("alt")
        // アーティストと発売日を抽出する
        var artistAndDate =  $(this).children(".discographyTable01In")
        // タイトルのリンク
        var titleLink = artistAndDate.children(".title").children("a").attr("href")
        // アーティスト
        var artist = artistAndDate.children(".artist").text()
        // アーティストリンク
        var artistLink = "https://tower.jp" + artistAndDate.children(".artist").children("a").attr("href")
        // 発売日
        var date = artistAndDate.children(".categoryDiscographyColumn.cfix").children(".discographyDl01").children("dd:first").text()
        // オブジェクトを作成する
        $(".newFrame").append("<div class='object' style='display: inline-block; padding: 10px; width:150px; border: 1px solid'><div><img src='" + imgLink +
                              "' width='100px'></img></div><div><a href='" + titleLink +
                              "'> " + imgTitle +
                              "</a></div><div><a href='" + artistLink +
                              "' style='color:red'>" + artist + "</a></div><div>" + date + "</div></div>")
    })
})();