Adds "maximize" button next to the tinychat.com logo while in a room. Clicking this button should remove unneeded components and maximize the room to fit the browser window.
// ==UserScript==
// @name TinyChat Maximizer
// @namespace http://tinychat.com/
// @version 3.0
// @author Tomtom9749
// @description Adds "maximize" button next to the tinychat.com logo while in a room. Clicking this button should remove unneeded components and maximize the room to fit the browser window.
// @include http://tinychat.com/*
// @include http://*.tinychat.com/*
// @include https://tinychat.com/*
// @include https://*.tinychat.com/*
// @grant none
// ==/UserScript==
// Style adding
function addStyle(css)
{
var style = document.createElement('style');
style.innerHTML = css;
style.type='text/css';
document.getElementsByTagName('head')[0].appendChild(style);
}
// Element removal by id
function removeById(id)
{
var x = document.getElementById(id);
if (x)
x.parentNode.removeChild(x);
}
// Remove images that are not needed
function cleanImages() {
var x = document.getElementsByTagName("IMG");
if (x)
x.parentNode.removeChild(x);
}
function resizeTinyChat()
{
document.getElementById('chat').style.height = (document.getElementsByTagName('body')[0].clientHeight-1) + "px";
}
// Main cleanup function
function cleanerTinyChat()
{
// Modify css styles
addStyle("#tinychat { padding: 0px; min-height: auto; }");
addStyle("#wrapper { width: 100% ! important; padding-bottom: 0px;}");
addStyle("#left_block { width: 100% ! important;}");
addStyle("#room { padding: 0;}");
// Remove unncecessary elements
removeById('header');
removeById('footer');
removeById('right_block');
removeById('room_header');
removeById('ad_banner');
removeById('body_footer_ad');
removeById('chat-info');
removeById('goods');
removeById('category-bar');
removeById('share-bar');
removeById('left');
// Disable Scrollbar
document.documentElement.style.overflow = 'hidden'; // Firefox, Chrome
document.body.scroll = "no"; // IE Only
resizeTinyChat();
window.addEventListener('resize', resizeTinyChat, false);
}
// Setup full window button
function addMaximizeButton()
{
// Only work on rooms
if (!document.getElementById('room'))
return;
// Add the maximize button right after the logo
var link = document.createElement('a');
var div = document.getElementById('navigation');
link.className = 'button orange';
link.addEventListener('click', cleanerTinyChat, false);
link.addEventListener('click', cleanImages, false);
link.innerHTML = '<img src="http://tinychat.com/public/images/exclaim.png">Maximize'
div.appendChild(link);
}
// On load stuff here
cleanerTinyChat();
addMaximizeButton();