☰

New Userscript

try to take over the world!

  1. // ==UserScript==
  2. // @name         New Userscript
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  try to take over the world!
  6. // @author       You
  7. // @match        https://typing-tube.net/my/rankings
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. //-----------------------------------------------------------------------------
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Your code here...
  16.     AddElements();
  17.     //document.getElementsByTagName("head").innerHTML += '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>';
  18.  
  19. })();
  20. //-----------------------------------------------------------------------------
  21. function AddElements(){
  22.      //テキストボックスとボタンを配置
  23.     var form = document.createElement("form");
  24.     form.innerHTML = "<input  type='text' id='textBoxForRankingId' size='6'>" +
  25.     "<input id='btnForAddingRankingData'  type='button'  value='タイピング結果をIDから取得（例:123456'>";
  26.  
  27.     //適当な位置に作成
  28.      var parent = document.getElementById('main_content');
  29.     parent.insertBefore(form, parent.firstChild);
  30.  
  31.     //onclickイベント追加
  32.     document.getElementById("btnForAddingRankingData").addEventListener("click", onClickBtnForAddingRankingData);
  33. }
  34. //-----------------------------------------------------------------------------
  35. function onClickBtnForAddingRankingData(){
  36.     var rankingID = document.getElementById("textBoxForRankingId").value ;
  37.     console.log(rankingID);
  38.  
  39.     //格納先HTML要素を作成
  40. //     var div = document.createElement("div");
  41. //     div.innerHTML = '<div id="ranking_log_'+ rankingID +'" class="small pl-3" style="overflow:scroll;max-height:200px;background-color: rgba(0,0,0,.33)"></div>';
  42. //     var parent = document.getElementById('main_content');
  43. //     parent.insertBefore(div, parent.firstChild);
  44.  
  45.     document.querySelector('#myTable > tbody > tr:nth-child(1) > td:nth-child(1) > a:nth-child(5)').id = 'ranking_log_' + rankingID;
  46.     show_ranking_log(parseInt(rankingID));
  47.  
  48. }
  49. //   function show_ranking_log(ranking_id) {
  50. //         console.log(ranking_id);
  51.  
  52. //     $.ajax({
  53. //       type: 'GET',
  54. //       data: {},
  55. //       url:"/my/rankings/" + 6 + "/log",
  56. //       success:function (data){
  57. //         $('#ranking_log_' + ranking_id).html(data);
  58. //         $('#ranking_log_button_' + ranking_id).hide();
  59. //       },
  60. //       error:function(data) {
  61. //         console.log('ログの取得に失敗しました');
  62. //       }
  63. //     });
  64. //   }