☰

BitMEX Header Auto-hide

Auto hide BitMEX header for bigger view. Hover mouse to show back the header

// ==UserScript==
// @name         BitMEX Header Auto-hide
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Auto hide BitMEX header for bigger view. Hover mouse to show back the header
// @author       Nobakab
// @match        https://www.bitmex.com/*
// @grant        none
// @require      http://code.jquery.com/jquery-3.4.1.min.js
// ==/UserScript==

/* globals jQuery */

(function() {
    'use strict';
    jQuery.noConflict();

    function addGlobalStyle(css) {
        var head, style;
        head = document.getElementsByTagName('head')[0];
        if (!head) { return; }
        style = document.createElement('style');
        style.type = 'text/css';
        style.innerHTML = css;
        head.appendChild(style);
    }
    function addExternalScript(js) {
        var head, script;
        head = document.getElementsByTagName('head')[0];
        if (!head) { return; }
        script = document.createElement('script');
        script.type = 'text/javascript';
        script.innerHTML = js;
        head.appendChild(script);
    }

    addGlobalStyle('.popUpChat {display: none}');
    //addGlobalStyle('#header {display: none}');

    var hideTimer;
    var showTimer = null;
    // Start after page loaded 3s
    setTimeout(function() {
        var header = jQuery('#header');
        var tickerBar = jQuery('.tickerBar');
        if (header && tickerBar) {
            // Hide it first time
            hideTimer = setTimeout(function() {
                jQuery(header).hide();
            }, 2000);
            // Show it
            jQuery(tickerBar).mouseover(function() {
                if (hideTimer) clearTimeout(hideTimer);
                if (!showTimer) {
                    showTimer = setTimeout(function() {
                        if (showTimer) {
                            showTimer = null;
                            jQuery(header).show();
                        }
                    }, 500);
                }
            });
            // Hide after 1s moving out
            jQuery(tickerBar).mouseout(function() {
                if (hideTimer) clearTimeout(hideTimer);
                if (showTimer) {
                    clearTimeout(showTimer);
                    showTimer = null;
                }
                hideTimer = setTimeout(function() {
                    jQuery(header).hide();
                }, 2000);
            });
            /*
            jQuery(header).mouseenter(function() {
              if (hideTimer) clearTimeout(hideTimer);
              jQuery(header).show();
            });
            // Hide after 1s moving out
            jQuery(header).mouseout(function() {
                hideTimer = setTimeout(function() {
                    jQuery(header).hide();
                }, 1000);
            });
            */
        }
    }, 3000);
})();