☰

Move Torn Start Fight Button

Move Torn "Start Fight" Button on top of Primary Weapon

当前为 2023-03-30 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Move Torn Start Fight Button
  3. // @namespace    https://github.com/0xymandias
  4. // @version      0.1
  5. // @description  Move Torn "Start Fight" Button on top of Primary Weapon
  6. // @author       smokey_ [2492729]
  7. // @match        https://www.torn.com/loader.php?*
  8. // @license      WTFPL
  9. // ==/UserScript==
  10.  
  11. // Copyright © 2031 smokey_ [2492729]. Email me @ <relatii@sri.ro>
  12. // This work is free. You can redistribute it and/or modify it under the
  13. // terms of the Do What The Fuck You Want To Public License, Version 2,
  14. // as published by Sam Hocevar. See http://www.wtfpl.net/ for more details.
  15.  
  16. (function() {
  17.     'use strict';
  18.  
  19.     // function to move start fight button next to equipped weapon image
  20.     function moveStartFightButton() {
  21.         console.log('moveStartFightButton called');
  22.         const startFightButton = document.querySelector('.torn-btn.btn___RxE8_.undefined.silver'); // start fight button
  23.         const weaponImage = document.querySelector('.weaponImage___tUzwP img'); // equipped weapon image
  24.         const weaponWrapper = document.querySelector('.weaponWrapper___h3buK'); // weapon wrapper element
  25.         console.log('startFightButton', startFightButton);
  26.         console.log('weaponImage', weaponImage);
  27.         console.log('weaponWrapper', weaponWrapper);
  28.  
  29.  
  30.         if (startFightButton && weaponImage && weaponWrapper) {
  31.             console.log('all elements found');
  32.             const buttonWrapper = document.createElement('div'); // create new div element
  33.             buttonWrapper.classList.add('button-wrapper');
  34.             buttonWrapper.appendChild(startFightButton); // append start fight button to new div element
  35.             weaponWrapper.insertBefore(buttonWrapper, weaponImage.nextSibling); // insert new div element after equipped weapon image
  36.             console.log('buttonWrapper', buttonWrapper);
  37.  
  38.             // Position the button wrapper over the weapon image
  39.             buttonWrapper.style.position = 'absolute';
  40.             buttonWrapper.style.top = weaponImage.offsetTop + 'px';
  41.             buttonWrapper.style.left = '+15px'; // set left position to move it to the left
  42.         }
  43.     }
  44.  
  45.     window.addEventListener('load', function() {
  46.         console.log('Page loaded');
  47.         setTimeout(function() {
  48.             moveStartFightButton();
  49.             console.log('moveStartFightButton done');
  50.         }, 1000);
  51.     });
  52. })();