☰

high pena CSS for smartphone

high pena 2 スマホ用のCSSです。不具合があるかもしれないので自己責任で使ってください。Android版FirefoxにアドオンTampermonkeyで動作確認。iOSは不明。

Fra 13.02.2018. Se den seneste versjonen.

  1. // ==UserScript==
  2. // @name         high pena CSS for smartphone
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.01
  5. // @description  high pena 2 スマホ用のCSSです。不具合があるかもしれないので自己責任で使ってください。Android版FirefoxにアドオンTampermonkeyで動作確認。iOSは不明。
  6. // @author       ankoiri
  7. // @match     http://yaranaika.s64.coreserver.jp/highpena2/*
  8. // @grant     none
  9. // ==/UserScript==
  10.  
  11.  
  12. (function() {
  13.  
  14.  
  15.     var record = 'https://dl.dropboxusercontent.coms/c6d6gvviolrvww4/highpena_smartphone_record.css';
  16.     var home_nihon = 'https://dl.dropboxusercontent.com/s/qsse5byyf2zqpvi/highpena_smartphone_top2.css';
  17.     var home_off = 'https://dl.dropboxusercontent.com/s/x25b9em3jngr643/highpena_smartphone_top3.css';
  18.     var home_on = 'https://dl.dropboxusercontent.com/s/hhvu2zxaa8e8wvj/highpena_smartphone_top.css';
  19.     var skill = 'https://dl.dropboxusercontent.com/s/nut96x7hy54lcmd/highpena_smartphone_skill.css';
  20.     var consciousness = 'https://dl.dropboxusercontent.com/s/hitepl4lpquluxh/highpena_smartphone_consciousness.css';
  21.     var login = 'https://dl.dropboxusercontent.com/s/gxgfhntxnvn3so4/highpena_smartphone_login.css';
  22.     var rule = 'https://dl.dropboxusercontent.com/s/hm6ogylb82almr4/highpena_smartphone_default.css';
  23.     var defaultcss = 'https://dl.dropboxusercontent.com/s/zd422tt9fx8jcqj/highpena_smartphone_default.css';
  24.     var drawer = 'https://dl.dropboxusercontent.com/s/j83j6si5bke1qpx/drawer.css';
  25.     var team_mode = 'https://dl.dropboxusercontent.com/s/3jofc9ixzjm3x1m/highpena_smartphone_team_mode.css';
  26.  
  27.     var url = location.href;
  28.  
  29.     //ラッパーのtable width 変更
  30.     var xpath = document.evaluate("/html/body/table" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  31.     var xpath_obj = xpath.singleNodeValue;
  32.     xpath_obj.width = "99%";
  33.  
  34.     //野手・投手のテーブル横スクロール用
  35.     var table_width = parseInt(window.innerWidth *0.90);
  36.     //console.log("screen.width:" + table_width);
  37.  
  38.  
  39.  
  40.    var linkobj = document.getElementsByTagName('link')[0];
  41.     //console.log("linkobj:" + linkobj);
  42.     linkobj.parentNode.removeChild(linkobj);
  43.  
  44.  
  45.     var head ;
  46.     var link , link2;
  47.  
  48.     head  = document.getElementsByTagName('head')[0];
  49.     console.log("head:"+head);
  50.     if( ! head ) return ;
  51.  
  52.     //viewport980に固定
  53.  
  54.     var viewport_meta;
  55.  
  56.     viewport_meta = document.createElement('meta') ;
  57.     viewport_meta.name = 'viewport';
  58.     viewport_meta.content = 'width=980';
  59.     head.appendChild(viewport_meta) ;
  60.  
  61.     //CSS追加
  62.     link  = document.createElement('link') ;
  63.     link.typ  = 'text/css' ;
  64.     link.rel  = 'stylesheet' ;
  65.     head.appendChild(link) ;
  66.  
  67.     link2  = document.createElement('link') ;
  68.     link2.typ  = 'text/css' ;
  69.     link2.rel  = 'stylesheet' ;
  70.     link2.href = drawer;
  71.  
  72.     head.appendChild(link2) ;
  73.  
  74.  
  75.  
  76.     //トップ画面
  77.     xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[2]/tbody/tr/td[3]/input[3]" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  78.     xpath_obj = xpath.singleNodeValue;
  79.     //console.log("type=" + xpath_obj.value);
  80.  
  81.     //トップ画面(オフシーズン 日本シリーズ の場合)
  82.     xpath4 = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr[1]/td/table/tbody/tr/td/table/tbody/tr/td[2]/font/font/b" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  83.     xpath_obj4 = xpath4.singleNodeValue;
  84.  
  85.     //console.log("type=" + xpath_obj.value);
  86.  
  87.  
  88.     //能力アップ画面 意識設定画面
  89.     xpath2 = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/h3" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  90.     xpath_obj2 = xpath2.singleNodeValue;
  91.     //console.log("xpath_obj2.innerHTML:" + xpath_obj2.innerHTML);
  92.  
  93.  
  94.     //ログイン画面
  95.     xpath3 = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/table/tbody/tr/td[2]/table[2]/tbody/tr[1]/td[1]" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  96.     xpath_obj3 = xpath3.singleNodeValue;
  97.     //console.log("xpath_obj3.innerHTML:" + xpath_obj3.innerHTML);
  98.  
  99.     //公式記録とタイトル
  100.     xpath5 = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/h3" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  101.     xpath_obj5 = xpath5.singleNodeValue;
  102.     //console.log("xpath_obj3.innerHTML:" + xpath_obj3.innerHTML);
  103.  
  104.  
  105.  
  106.     var flag = 0;
  107.  
  108.     //記録
  109.     if(xpath_obj5 && xpath_obj5.innerHTML.match(/公式記録とタイトル/)){
  110.  
  111.         //console.log( "URL:" + location.href);
  112.         link.href = record;
  113.  
  114.     //球団偵察モード
  115.     }else if(location.href.match(/mode=team&team_id/)){
  116.  
  117.         //console.log( "URL:" + location.href);
  118.         link.href = team_mode;
  119.         flag = 7;
  120.  
  121.     }else if(xpath_obj4 && xpath_obj4.innerHTML.match(/日本シリーズ/) && xpath_obj && xpath_obj.value == "ログイン"){
  122.         //console.log("ホーム画面(日本シリーズ)");
  123.  
  124.         link.href = home_nihon;
  125.  
  126.         flag = 4;
  127.  
  128.         //ホーム画面(オフシーズン 新規登録リンク有り)
  129.     }else if(xpath_obj4 && xpath_obj4.innerHTML.match(/オフシーズン/) && xpath_obj && xpath_obj.value == "ログイン"){
  130.         //console.log("ホーム画面(オフシーズン)");
  131.  
  132.         link.href = home_off;
  133.         flag = 5;
  134.  
  135.         //ホーム画面(オフ・日シリ以外)
  136.     }else if (xpath_obj && xpath_obj.value == "ログイン" ){
  137.  
  138.         link.href = home_on;
  139.         flag = 1;
  140.  
  141.         //能力アップ画面
  142.     }else if(xpath_obj2 && xpath_obj2.innerHTML.match(/能力アップ/)){
  143.         console.log("能力アップ画面1");
  144.         link.href = skill;
  145.         flag = 2;
  146.  
  147.     //意識設定画面
  148.     }else if(xpath_obj2 && xpath_obj2.innerHTML.match(/意識設定/)){
  149.         console.log("意識設定画面1");
  150.         link.href = consciousness;
  151.         flag = 6;
  152.  
  153.         //ログイン画面
  154.     }else if(xpath_obj3 && xpath_obj3.innerHTML.match(/ドラフト指名/)){
  155.         console.log("ログイン画面");
  156.  
  157.         link.href = login;
  158.  
  159.         flag = 3;
  160.  
  161.     }else if(location.href.match(/rule.html/)){
  162.         console.log(location.href);
  163.         link.href = rule;
  164.  
  165.     }else{
  166.  
  167.         link.href = defaultcss;
  168.  
  169.     }
  170.  
  171.     console.log("flag:" + flag);
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.     //ドロワー追加用
  182.     var div_element = document.createElement("div");
  183.     div_element.classList.add("header_wrapper");
  184.  
  185.     //オフシーズンの場合、新規登録を追加する
  186.     if(flag === 5){
  187.         div_element.innerHTML = '<div class="header"><div class="nav-drawer"><input id="nav-input" type="checkbox" class="nav-unshown"><label id="nav-open" for="nav-input"><span></span></label><label class="nav-unshown" id="nav-close" for="nav-input"></label><div id="nav-content">' +
  188.         '<ul>' +
  189.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi">ホーム</a></li>' +
  190.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=ranking">ランキング</a></li>' +
  191.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=record">記録</a></li>' +
  192.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=calendar">日程</a></li>' +
  193.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/rule.html">あそびかた</a></li>' +
  194.         '<li><a href="http://jbbs.livedoor.jp/game/44608/">掲示板</a></li>' +
  195.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=draft">ドラフト</a></li>' +
  196.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=entry">新規登録</a></li>' +
  197.         '</ul></div></div><DIV STYLE="font-size:60px;font-weight:900; color:#DC143C; margin-top:-70pt; margin-left:170pt">2</DIV><DIV STYLE="font-size:40px; font-weight:600; color:000000;margin-top:-45pt;margin-left:115pt">high pena</DIV></div>';
  198.  
  199.         //document.body.appendChild(div_element);
  200.         //console.log(div_element.innerHTML);
  201.     }else{
  202.  
  203.  
  204.         div_element.innerHTML = '<div class="header"><div class="nav-drawer"><input id="nav-input" type="checkbox" class="nav-unshown"><label id="nav-open" for="nav-input"><span></span></label><label class="nav-unshown" id="nav-close" for="nav-input"></label><div id="nav-content">' +
  205.         '<ul>' +
  206.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi">ホーム</a></li>' +
  207.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=ranking">ランキング</a></li>' +
  208.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=record">記録</a></li>' +
  209.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=calendar">日程</a></li>' +
  210.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/rule.html">あそびかた</a></li>' +
  211.         '<li><a href="http://jbbs.livedoor.jp/game/44608/">掲示板</a></li>' +
  212.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=draft">ドラフト</a></li>' +
  213.         '</ul></div></div><DIV STYLE="font-size:60px;font-weight:900; color:#DC143C; margin-top:-70pt; margin-left:170pt">2</DIV><DIV STYLE="font-size:40px; font-weight:600; color:000000;margin-top:-45pt;margin-left:115pt">high pena</DIV></div>';
  214.  
  215.         //document.body.appendChild(div_element);
  216.         //console.log(div_element.innerHTML);
  217.  
  218.     }
  219.  
  220.         //一番上に追加する
  221.         var parentObject = document.getElementsByTagName("body")[0];
  222.         parentObject.insertBefore(div_element,parentObject.firstChild);
  223.  
  224.  
  225.     //-----------------------------------
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235.     // ログイン後の画面
  236.     if(flag === 3 ){
  237.  
  238.  
  239.  
  240.  
  241.  
  242.         //投手　折りたたむ
  243.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/form/form/table[1]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  244.  
  245.         //console.log("xpathtousyu:" + xpath.singleNodeValue);
  246.         xpath_obj = xpath.singleNodeValue;
  247.  
  248.         xpath_obj.outerHTML = "<div onclick=\"obj=document.getElementById('open2').style; obj.display=(obj.display=='none')?'block':'none';\"><a style=\"font-size:30px;cursor:pointer;text-decoration: underline;\">▼タップで表示</a></div><div id=\"open2\" style=\"display:none;clear:both;\"><div style=\"\width:" + table_width + "px; overflow-x:scroll;\">" + xpath_obj.outerHTML + "</div></div><br>";
  249.  
  250.  
  251.         //野手　折りたたむ
  252.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/form/table[1]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  253.         //console.log("xpathyasyu:" + xpath.singleNodeValue);
  254.         xpath_obj = xpath.singleNodeValue;
  255.  
  256.         //var temp = "<thread>" + xpath_obj.innerHTML;
  257.         //xpath_obj.innerHTML = temp;
  258.         xpath_obj.outerHTML = "<div onclick=\"obj=document.getElementById('open1').style; obj.display=(obj.display=='none')?'block':'none';\"><a style=\"font-size:30px;cursor:pointer;text-decoration: underline;\">▼タップで表示</a></div><div id=\"open1\" style=\"display:none;clear:both;\"><div style=\"width:" + table_width + "px; overflow-x:scroll;\">" + xpath_obj.outerHTML + "</div></div><br>";
  259.  
  260.         //console.log("xpath_obj:" + xpath_obj.innerHTML);
  261.  
  262.         //チーム方針変更　折りたたむ
  263.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/table/tbody/tr/td[1]/table[3]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  264.         //console.log("xpathhoushin:" + xpath.singleNodeValue);
  265.         xpath_obj = xpath.singleNodeValue;
  266.  
  267.         xpath_obj.outerHTML = "<div onclick=\"obj=document.getElementById('open3').style; obj.display=(obj.display=='none')?'block':'none';\"><a style=\"font-size:30px;cursor:pointer;text-decoration: underline;\">▼チーム方針変更 表示</a></div><div id=\"open3\" style=\"display:none;clear:both;\">" + xpath_obj.outerHTML + "</div><br>";
  268.  
  269.         //野手ポジション・打順変更ボタン 左寄せ
  270.         xpath = document.evaluate("//*[@id=\"open1\"]/div/table/tbody/tr/td/div", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  271.         xpath_obj = xpath.singleNodeValue;
  272.         xpath_obj.align = "left";
  273.  
  274.  
  275.         //投手起用順変更ボタン 左寄せ
  276.         xpath = document.evaluate("//*[@id=\"open2\"]/div/table/tbody/tr/td/div", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  277.         xpath_obj = xpath.singleNodeValue;
  278.         xpath_obj.align = "left";
  279.  
  280.         // 契約更改～設定 再設計
  281.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/form/form/table[1]/tbody/tr/td[3]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  282.         //console.log("xpathhoushin:" + xpath.singleNodeValue);
  283.         xpath_obj = xpath.singleNodeValue;
  284.  
  285.  
  286.         var menu2 = ["","","","","","","","","","","","","",""];
  287.  
  288.         var arr = xpath_obj.innerHTML.split(/></g);
  289.         var k=-1;
  290.  
  291.         //add the brackets back in
  292.         for(var i = 0; i < arr.length; i++){
  293.  
  294.  
  295.             if(i == 0){
  296.                 arr[i] =  arr[i] + '>';
  297.             }else if(i == arr.length -1){
  298.                 arr[i] =  '<'  + arr[i];
  299.             }else{
  300.                 arr[i] = '<' + arr[i] + '>';
  301.  
  302.             }
  303.  
  304.  
  305.             //console.log("arr[" + i + "]:" + arr[i]);
  306.             if(arr[i].match(/<h4/) || arr[i].match(/<table/) ){
  307.                 //console.log("next:" + k);
  308.                 k++;
  309.             }
  310.  
  311.             if(!(arr[i].match(/<table/) || arr[i].match(/<\/table/) || arr[i].match(/<tbody/) || arr[i].match(/<\/tbody/) || arr[i].match(/<tr/) || arr[i].match(/<\/tr/) || arr[i].match(/<td/) || arr[i].match(/<\/td/)  || arr[i].match(/<form/) || arr[i].match(/<\/form/)  )){
  312.                menu2[k] += arr[i];
  313.  
  314.             }
  315.  
  316.         }
  317.         var table_str ="<table>";
  318.  
  319.         for(i=0;i<k+1;i++){
  320.             console.log("menu2[" + i + "]:" + menu2[i]);
  321.  
  322.  
  323.  
  324.  
  325.             if(menu2[i].match(/<h4/)){
  326.                 table_str = table_str + "</tr><tr>";
  327.                 //console.log("tr:" + i);
  328.             }
  329.  
  330.             table_str = table_str + "<td><form action='index.cgi' method='post'>" +  menu2[i] + "</td></form>";
  331.  
  332.  
  333.         }
  334.         
  335.         table_str = table_str + "</table>";
  336.  
  337.         console.log("table_str:" + table_str);
  338.  
  339.         xpath_obj.innerHTML = table_str;
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351.         //画面更新ボタン 左寄せ
  352.         /*
  353.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/form/form/table[1]/tbody/tr/td[1]/form/div", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  354.         xpath_obj = xpath.singleNodeValue;
  355.         xpath_obj.align = "left";
  356.         */
  357.  
  358.  
  359.     }
  360.  
  361.     if(flag === 2) {
  362.         //能力　ポイントテーブル tr入れ替え
  363.  
  364.  
  365.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/table/tbody/tr[2]/td[1]/form/table", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  366.         var table = xpath.singleNodeValue;
  367.  
  368.  
  369.  
  370.         //console.log("row1:" + table.innerHTML);
  371.  
  372.         var point_cell = [];
  373.  
  374.         for(j=0;j<10;j++){
  375.  
  376.             console.log("table.rows[" + j + "].innerHTML" +  table.rows[j].cells[0].innerHTML);
  377.             point_cell[j] = table.rows[j].cells[0].innerHTML;
  378.         }
  379.  
  380.         table.innerHTML = "";
  381.  
  382.         // 行要素を追加
  383.         var tr0 = table.insertRow(-1);
  384.         var tr1 = table.insertRow(-1);
  385.  
  386.         var td = [];
  387.  
  388.  
  389.  
  390.         //table.innerHTML = "";
  391.  
  392.         for(j=0;j<10;j=j+2){
  393.  
  394.             td[j] = tr0.insertCell(-1);
  395.             td[j].innerHTML = point_cell[j];
  396.             td[j+1] = tr1.insertCell(-1);
  397.             td[j+1].innerHTML = point_cell[j+1];
  398.  
  399.         }
  400.         //console.log("aa" + newtable.innerHTML);
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.     }
  408.  
  409.  
  410.  
  411.     // 他球団偵察モードの画面
  412.  
  413.     if(flag === 7 ){
  414.  
  415.         console.log("table_width:" + table_width);
  416.  
  417.         //投手　テーブルスクロール
  418.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/table[3]/tbody/tr/td/table", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  419.  
  420.         //console.log("xpathtousyu:" + xpath.singleNodeValue);
  421.         xpath_obj = xpath.singleNodeValue;
  422.  
  423.         xpath_obj.outerHTML = "<div style=\"\width:" + table_width + "px; overflow-x:scroll; padding-bottom:30px;\">" + xpath_obj.outerHTML + "</div>";
  424.  
  425.  
  426.         //野手　テーブルスクロール
  427.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/table[2]/tbody/tr/td/table", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  428.         //console.log("xpathyasyu:" + xpath.singleNodeValue);
  429.         xpath_obj = xpath.singleNodeValue;
  430.  
  431.         //var temp = "<thread>" + xpath_obj.innerHTML;
  432.         //xpath_obj.innerHTML = temp;
  433.         xpath_obj.outerHTML = "<div style=\"width:" + table_width + "px; overflow-x:scroll; padding-bottom:30px;\">" + xpath_obj.outerHTML + "</div><br>";
  434.  
  435.         //console.log("xpath_obj:" + xpath_obj.innerHTML);
  436.  
  437.  
  438.     }
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450. })();
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460.  
  461.  
  462.