☰

Nice view MiniChat

Изменяет расположение и частично вид чата на главной странице сайта.

  1. // ==UserScript==
  2. // @name        Nice view MiniChat
  3. // @namespace   https://greatest.deepsurf.us
  4. // @include     http://trackeroc.ru/index.php*
  5. // @include     http://*.trackeroc.ru/index.php*
  6. // @version     1.01
  7. // @grant       none
  8. // @description Изменяет расположение и частично вид чата на главной странице сайта.
  9. // ==/UserScript==
  10.  
  11. var latest_news = document.getElementById('latest_news');
  12. var table1 = latest_news.children[0];
  13. var t1_tr1 = table1.firstElementChild.firstElementChild;
  14.  
  15. var t1_td1 = t1_tr1.children[0];
  16. var t1_td2 = t1_tr1.children[1];
  17. var t1_td3 = t1_tr1.insertCell(2);
  18.  
  19. t1_td1.setAttribute('width', '31%');
  20. t1_td2.setAttribute('width', '26%');
  21.  
  22. var br = latest_news.nextElementSibling
  23. var script1 = br.nextElementSibling;
  24. var style1 = script1.nextElementSibling;
  25. var div1 = style1.nextElementSibling;
  26. var div2 = div1.nextElementSibling;
  27.  
  28. var chat = document.getElementById('chat');
  29. var message = document.getElementById('message');
  30. var buttons1 = message.nextElementSibling;
  31. var script2 = buttons1.nextElementSibling;
  32. var div3 = script2.nextElementSibling;
  33.  
  34. var table2 = document.createElement('table');
  35. var t2_tr1 = table2.insertRow(0);
  36. var t2_td1 = t2_tr1.insertCell(0);
  37. var t2_td2 = t2_tr1.insertCell(1);
  38. t2_td1.insertBefore(buttons1, t2_td1.firstChild);
  39. t2_td2.insertBefore(div3, t2_td2.firstChild);
  40. t2_td2.insertBefore(script2, t2_td2.firstChild);
  41.  
  42. table2.setAttribute('width', '100%');
  43. t2_td1.setAttribute('align', 'left');
  44. t2_td2.setAttribute('align', 'right');
  45.  
  46. div3.style.verticalAlign = 'middle';
  47.  
  48. chat.parentElement.insertBefore(table2, message.nextElementSibling);
  49.  
  50. div1.style.padding = '0px';
  51. div1.style.height = '20pt';
  52.  
  53. div2.style.position = 'absolute';
  54. div2.style.backgroundColor = 'aliceblue';
  55.  
  56. chat.style.height = '100px';
  57. chat.style.overflowX = 'hidden';
  58.  
  59. message.setAttribute('style', 'width:98% !important');
  60.  
  61. t1_td3.insertBefore(div2, t1_td3.firstChild);
  62. t1_td3.insertBefore(div1, t1_td3.firstChild);
  63. t1_td3.insertBefore(style1, t1_td3.firstChild);
  64. t1_td3.insertBefore(script1, t1_td3.firstChild);
  65.  
  66. var table3 = document.createElement('table');
  67. var t3_tr1 = table3.insertRow(0);
  68. var t3_td1 = t3_tr1.insertCell(0);
  69. var t3_td2 = t3_tr1.insertCell(1);
  70.  
  71. table3.setAttribute('width', '100%');
  72. t3_td2.setAttribute('align', 'right');
  73.  
  74. div1.insertBefore(table3, div1.firstElementChild);
  75. t3_td1.appendChild(table3.nextElementSibling);
  76. t3_td2.appendChild(div3.lastElementChild);
  77.  
  78. t3_td2.firstElementChild.style.verticalAlign = 'middle';
  79.  
  80. var img1 = document.createElement('img');
  81.  
  82. img1.setAttribute('id', 'chatExpand');
  83. img1.setAttribute('src', 'templates/default-1/images/menu_open.gif');
  84. img1.setAttribute('expand', 'false');
  85. img1.addEventListener('click', ChatResize);
  86.  
  87. img1.style.margin = '0 5px 0 10px';
  88. img1.style.verticalAlign = 'middle';
  89.  
  90. t3_td2.appendChild(img1);
  91.  
  92. div3.lastElementChild.style.marginLeft = '5px';
  93.  
  94. div2.style.width = '' + div1.clientWidth + 'px';
  95.  
  96. t1_td1.firstElementChild.style.paddingBottom = '4px';
  97. t1_td2.firstElementChild.style.paddingBottom = '4px';
  98.  
  99. t1_td1.firstElementChild.nextElementSibling.style.marginTop = '4px';
  100. t1_td2.firstElementChild.nextElementSibling.style.marginTop = '4px';
  101.  
  102. document.getElementById('sidebar1-wrap').style.marginTop = '0px';
  103.  
  104.  
  105. window.onresize = function(event) {
  106.     div2.style.width = '' + div1.clientWidth + 'px';
  107. };
  108.  
  109. function ChatResize() {
  110.   var chatExpand = document.getElementById('chatExpand');
  111.   if(chatExpand.getAttribute('expand') == 'false') {
  112.     chatExpand.setAttribute('expand', 'true');
  113.     
  114.     chat.style.height = '500px';
  115.   } else {
  116.     chatExpand.setAttribute('expand', 'false');
  117.     
  118.     chat.style.height = '100px';
  119.   }
  120. }