Creates a separated section for the chat box
当前为
// ==UserScript==
// @name Chat Box Section
// @namespace Violentmonkey Scripts
// @include https://web.simple-mmo.com/travel*
// @exclude https://web.simple-mmo.com/travel/party*
// @grant none
// @license GPL-v3
// @version 1.2.1
// @author Freaky Fingers
// @description Creates a separated section for the chat box
// ==/UserScript==
//Config Variables
let chatWidth = 20
let chatHeight = 94
//Script Variables
let newHTML = document.createElement("chatArea")
let allxinits = document.querySelectorAll("[x-init]")
let show_hide_chat_btns = document.querySelectorAll("[x-show]")
let smmoChat = null
let chatBox = document.getElementById("chatBox")
let chatButton = document.getElementById("show_hide_chat_btn")
let buttonAttrib = null
function hideChat(chat, button) {
if (button.includes("display: none") == false)
chat.style.display = "none";
console.log("success");
}
allxinits.forEach(xinit => {
if (xinit.outerHTML.includes("chat:false,chatSrc:'about:blank;'")){
smmoChat = xinit
}
})
if (smmoChat !== null){
newHTML.innerHTML = `
<div id="chatParent">
<section id="chatHeader"></section>
<section id="chatSection"></section>
</div>
`; //create new div
setTimeout(function() {
show_hide_chat_btns.forEach(btn => {
if (btn.outerHTML.includes("!chat")){
buttonAttrib = btn.outerHTML
}
})
/*if (buttonAttrib.includes("display: none") == false) {
chatButton.click();
}*/
//chatButton.style.display = "none"
}, 1000);
smmoChat.style = "position: fixed; height: 100%";
chatBox.style = `position: relative; height: ${chatHeight}%; width: ${chatWidth}vw; padding: 0rem`;
newHTML.style = `background-color: #0000; height: ${chatHeight}vh; width: ${chatWidth}vw; float: right; position: sticky; z-index: 0`; //Style new div
chatButton.style = `margin-bottom: 95vh; margin-right: 12vw`;
document.getElementById("app").insertBefore(newHTML, document.getElementsByClassName("h-screen flex overflow-hidden bg-gray-100")[0]); //Insert new div into page at correct position
document.getElementById("chatHeader").style = `background-color: rgb(17 17 17 / var(--tw-bg-opacity)); height: ${Math.max((100 - chatHeight - 2), 0)}rem; z-index: 20`;
document.getElementById("chatSection").appendChild(smmoChat); //Add the chat to new div
}