Creates a separated section for the chat box
目前為
// ==UserScript==
// @name Chat Box Section
// @namespace Violentmonkey Scripts
// @match https://web.simple-mmo.com/travel*
// @grant none
// @license GPL-v3
// @version 1.0.0
// @author Freaky Fingers
// @description Creates a separated section for the chat box
// ==/UserScript==
let newHTML = document.createElement("section")
let smmoChat = document.querySelectorAll("[x-init]")[3]
let chatBox = document.getElementById("chatBox")
let chatButton = document.getElementById("show_hide_chat_btn")
newHTML.innerHTML = `
<section id="chatSection"></section>
`; //create new div
setTimeout(function() {
let buttonAttrib = document.querySelectorAll("[x-show]")[1].getAttribute("style")
if (buttonAttrib !== null) {
chatButton.click();
}
chatButton.style.display = "none"
}, 1000); //Automatically show the chat and then hide the show/hide chat button
newHTML.style = "background-color: #0000; height: 100vh; width: 20vw; float: right; position: sticky; z-index: 0"; //Style new div
document.getElementById("app").insertBefore(newHTML, document.getElementsByClassName("h-screen flex overflow-hidden bg-gray-100")[0]); //Insert new div into page at correct position
smmoChat.style = "position: fixed; height: 100vh; width: 20vw";
chatBox.style = "position: relative; height: 100%; width: 20vw; padding: 0rem";
newHTML.appendChild(smmoChat); //Add the chat to new div