☰

chatango chatbox - xsanime.com

make chatango iframe like messenger chat box - 2/11/2022, 11:41:44 AM

当前为 2022-02-11 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        chatango chatbox - xsanime.com
  3. // @description make chatango iframe like messenger chat box - 2/11/2022, 11:41:44 AM
  4. // @version     1.0.0
  5. // @license     MIT
  6. // @namespace   com.github.codeiter.userscript
  7. // @author      Mohamed Amin Boubaker - https://github.com/CodeIter
  8. // @match       http*://xsanime.com/*
  9. // @match       http*://*.xsanime.com/*
  10. // @noframes
  11. // @run-at      document-end
  12. // @grant       none
  13. // ==/UserScript==
  14.  
  15. const chatango_iframe_div = document.querySelector('.ChatButton')
  16.  
  17. const chatango_wrapper = document.createElement('div')
  18. chatango_wrapper.id='chatango-wrapper'
  19. //chatango_wrapper.style['display'] = 'none'
  20. chatango_wrapper.style['right']='1000px'
  21. chatango_iframe_div.parentNode.insertBefore(chatango_wrapper, chatango_iframe_div)
  22. chatango_wrapper.appendChild(chatango_iframe_div)
  23.  
  24. const chatango_box = document.createElement('div')
  25. chatango_box.id='chatango-box'
  26. chatango_box.style['position'] = 'fixed'
  27. chatango_box.style['bottom'] = '0'
  28. chatango_box.style['left'] = '15px'
  29. chatango_box.style['z-index'] = '9'
  30. chatango_box.style['box-sizing'] = 'border-box'
  31. chatango_wrapper.parentNode.insertBefore(chatango_box, chatango_wrapper)
  32. chatango_box.appendChild(chatango_wrapper)
  33.  
  34. const chatango_button = document.createElement('button')
  35. chatango_button.id='chatango-button'
  36. chatango_button.style['background-color'] = '#555'
  37. chatango_button.style['color'] = 'white'
  38. chatango_button.style['padding'] = '16px 20px'
  39. chatango_button.style['border'] = 'none'
  40. chatango_button.style['cursor'] = 'pointer'
  41. chatango_button.style['opacity'] = '0.8'
  42. chatango_button.style['width'] = '280px'
  43. chatango_button.innerText = 'Open ChatanGo Box'
  44.  
  45. chatango_button.addEventListener("click", function() {
  46.   if(chatango_wrapper.style['right']!=='1000px'){
  47.     chatango_wrapper.style['right']='1000px'
  48.     chatango_button.style['background-color'] = '#555'
  49.     chatango_box.style['border'] = 'none'
  50.     chatango_button.innerText = 'Open ChatanGo Box'
  51.   }else{
  52.     chatango_wrapper.style['right']='0'
  53.     chatango_button.style['background-color'] = 'red'
  54.     chatango_box.style['border'] = '3px solid #f1f1f1'
  55.     chatango_button.innerText = 'Close ChatanGo Box'
  56.   }
  57. })
  58. chatango_box.appendChild(chatango_button)