☰

TorViet Shoutbox Enhancer

A small script to simplify the shoutbox

目前为 2015-05-31 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         TorViet Shoutbox Enhancer
  3. // @namespace    http://torviet.com/userdetails.php?id=1662
  4. // @version      0.5.10
  5. // @license      http://www.wtfpl.net/txt/copying/
  6. // @homepageURL  https://github.com/S-a-l-a-d/TorViet-Shoutbox-Enhancer
  7. // @supportURL   https://github.com/S-a-l-a-d/TorViet-Shoutbox-Enhancer/issues
  8. // @icon         http://torviet.com/pic/salad.png
  9. // @description  A small script to simplify the shoutbox
  10. // @author       Salad
  11. // @match        http://torviet.com/qa.php*
  12. // @grant        none
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     // Declare variables
  17.     var boxHead = document.getElementById('boxHead'),
  18.         marquee = document.getElementsByClassName('marquee')[0],
  19.         sltTheme = document.getElementById('sltTheme'),
  20.         clock = document.getElementById('clock'),
  21.         allWrapper = document.getElementsByClassName('all-wrapper')[0],
  22.         inputSection = document.getElementsByClassName('input-section')[0],
  23.         idQuestion = document.getElementById('idQuestion'),
  24.         navigationPage = document.getElementsByClassName('navigation_page')[0],
  25.         boxQuestion = document.getElementById('boxQuestion'),
  26.         emoGroup = document.getElementById('emogroup'),
  27.         emoGroupDetail = document.getElementsByClassName('emo-group-detail')[0],
  28.         windowHeight,
  29.         remainingHeight,
  30.         btnToggle;
  31.  
  32.     // Remove unneeded elements.
  33.     boxHead.parentNode.removeChild(boxHead);
  34.     marquee.parentNode.removeChild(marquee);
  35.     sltTheme.parentNode.removeChild(sltTheme);
  36.     clock.parentNode.removeChild(clock);
  37.  
  38.     // Alter existing element CSS.
  39.     windowHeight = window.innerHeight;
  40.     remainingHeight = inputSection.parentNode.offsetHeight + navigationPage.offsetHeight - 100;
  41.  
  42.     allWrapper.setAttribute('style', 'background: none; margin: auto; height: ' + windowHeight + 'px');
  43.     inputSection.parentNode.style.padding = '0px';
  44.     navigationPage.style.width = 'auto';
  45.     boxQuestion.style.height = windowHeight - remainingHeight + 2 + 'px';
  46.     emoGroupDetail.parentNode.parentNode.style.height =
  47.         emoGroupDetail.parentNode.style.height =
  48.         emoGroupDetail.style.height = windowHeight - remainingHeight + 'px';
  49.  
  50.     // Alter existing elements.
  51.     emoGroupDetail.innerHTML = getEmoticons(524, 574) + getEmoticons(707) + getEmoticons(200, 234);
  52.  
  53.     // Add elements.
  54.     btnToggle = document.createElement('input');
  55.     btnToggle.type = 'button';
  56.     btnToggle.value = 'Toggle';
  57.     btnToggle.onclick = toggleEmoSlt;
  58.     idQuestion.parentNode.insertBefore(btnToggle, null);
  59.  
  60.     // Add event listeners.
  61.     // Firefox detection.
  62.     typeof InstallTrigger !== 'undefined' ? document.addEventListener('keypress', keyEvent) : document.addEventListener('keydown', keyEvent);
  63.  
  64.     // Custom functions.
  65.     function toggleEmoSlt() {
  66.         emoGroup.parentNode.style.display = emoGroup.offsetParent ? 'none' : 'block';
  67.     }
  68.  
  69.     function getEmoticons(start, end) {
  70.         var emos = '';
  71.         
  72.         if (end === void 0)
  73.             emos = '<div style="height:43px;width:43px;float:left;display:inline-block;margin:1px;"><a style="margin: 0;" class="btuEmotion" alt="[em' + start +
  74.                 ']"><img style="max-width: 43px; max-height: 43px" src="/pic/smilies/' + start +
  75.                 '.gif" alt=""></a></div>';
  76.         else
  77.             for (var i = start; i <= end; i++)
  78.                 emos += '<div style="height:43px;width:43px;float:left;display:inline-block;margin:1px;"><a style="margin: 0;" class="btuEmotion" alt="[em' + i +
  79.                     ']"><img style="max-width: 43px; max-height: 43px" src="/pic/smilies/' + i +
  80.                     '.gif" alt=""></a></div>';
  81.  
  82.         return emos;
  83.     }
  84.  
  85.     function keyEvent(e) {
  86.         switch (e.keyCode) {
  87.             // Down arrow.
  88.             case 40:
  89.                 (emoGroup !== document.activeElement) && (emoGroup.selectedIndex !== emoGroup.length - 1) && emoGroup.selectedIndex++;
  90.                 changeEmoGroup();
  91.                 break;
  92.             // Up arrow.
  93.             case 38:
  94.                 (emoGroup !== document.activeElement) && (emoGroup.selectedIndex !== 0) && emoGroup.selectedIndex--;
  95.                 changeEmoGroup();
  96.                 break;
  97.             // Ctrl.
  98.             case 17:
  99.             // Ctrl + C.
  100.             case 17 && 67:
  101.                 break;
  102.             default:
  103.                 idQuestion.focus();
  104.         }
  105.     }
  106.  
  107.     function changeEmoGroup() {
  108.         var request = new XMLHttpRequest();
  109.         request.open('POST', 'qa_smiley_ajax.php', 0);
  110.         request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  111.         request.onreadystatechange = function() {
  112.             request.readyState == 4 && request.status == 200 &&
  113.                 (emoGroupDetail.innerHTML = JSON.parse(request.responseText).str, addEmoGroupEvent())
  114.         };
  115.         request.send('group=' + emoGroup.value);
  116.     }
  117.  
  118.     function addEmoGroupEvent() {
  119.         for (var i = 0, emos = emoGroupDetail.childNodes, len = emos.length; i < len; i++)
  120.             emos[i].addEventListener('click', function(e) {
  121.                 idQuestion.value += e.target.parentNode.getAttribute('alt');
  122.                 idQuestion.focus();
  123.             });
  124.     }
  125.  
  126.     // Run at startup.
  127.     toggleEmoSlt();
  128.     addEmoGroupEvent();
  129.     idQuestion.focus();
  130. })();