kukka / Mevorach_Display

// ==UserScript==
// @name         Mevorach_Display
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Add button to show the music only!
// @author       Kukka
// @license      MIT
// @match        https://tampermonkey.net/scripts.php
// @include      https://www.letras.mus.br/*
// @include      http://www.letras.mus.br/*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js
// @grant        none
// ==/UserScript==

function addButton()
{
    var button = document.createElement("button");
    button.innerHTML = " Mevorach ";
    button.id="mevorach";
    button.addEventListener ("click", function() {
       changeView();
    });
    button.className = "main-header g-mb" ;
    $("div.g-1").append(button);
}

function changeView()
{
    addDivCuca();
    var tag = document.getElementsByTagName("div");
    for (var i=0; i<tag.length; i++) {
        var div = tag[i];
        if(div.className.substring(0,9) != "cnt-letra"){
            div.style.display = 'none';
        }
    }
    $('div.cuca').show();
}

function addDivCuca()
{
    $('.cuca').remove();
    var titulo = $("div.cnt-head_title").find('h1');
    var artigo = $("article"); //.appendTo('body');
    $('body').append("<div class='cuca'></div>");
    $('.cuca').append("<p><b>"+titulo.html()+"</b></p>");
    $('.cuca').append(artigo.html());
    $('.cuca').addClass( "cnt-letra" );
    $('.cuca').css( "padding-left", "354px" );
    $('.cuca').css( "padding-right", "310px" );
    $('.cuca').css( "padding-top", "68px" );
    $('body').css( "padding-top", "0px" );
    $('.cuca').css( "color", "white" );
    $('.cuca').css( "background-color", "black" );
}
addButton();