☰

Notizen AT

Fügt dem Header bei fussballcup einen Platz für Notizen hinzu

  1. // ==UserScript==
  2. // @name       Notizen AT
  3. // @include   http://fussballcup.at*
  4. // @version    0.2.5
  5. // @description  Fügt dem Header bei fussballcup einen Platz für Notizen hinzu
  6. // @copyright  Klaid, 2013 - edited by mot33, 2018
  7. // @connect <value>
  8. // @grant       GM_addStyle
  9. // @grant       GM_getValue 
  10. // @grant        GM_setValue
  11. // @namespace https://greasyfork.org/users/83290
  12. // ==/UserScript==
  13.  
  14. function init()
  15. {
  16.     if (window.top != window.self)  //Script soll nicht in Frames oder iFrames angezeigt werden
  17.     {
  18.         return;
  19.     }
  20.  
  21.  
  22.  var notiz = false;
  23.  
  24.     GM_addStyle("#notice_in {color: white; background-color:#088A08; padding: 4px; width: 150px; margin: auto; border-radius: 12px; cursor: pointer; letter-spacing:0.10em} #notice_out { width: 100%;height: 100px; background-color: transparent; padding: 10px; border: 0px solid #088A08;} .notiz_button {  border-radius: 12px; background-color: #B40404; border: 3px;color: #FFFFFF;text-align: center;font-size: 15px;padding: 4px;width: 150px;transition: all 0.5s;cursor: pointer;margin: 10px;}.button span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}.button span:after {content: '»';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}.button:hover span {padding-right: 12px;}.button:hover span:after {opacity: 5;right: 0;}} #Notizbereich{border-radius: 12px; background-color: #FFFFFF; border: 10px solid #DF0101; padding: 0px;}");
  25.                 var notice_area = document.createElement("div");
  26.     notice_area.setAttribute('id', 'notice_area');
  27.  
  28.     var notice_in = document.createElement("div");
  29.     notice_in.setAttribute('id', 'notice_in');
  30.     notice_in.addEventListener("click", openNotice, false);
  31.  
  32.     var notice_out = document.createElement("div");
  33.     notice_out.setAttribute('id', 'notice_out');
  34.  
  35.     var clue_text = document.createElement("p");
  36.     clue_text.setAttribute('id', 'change_clue');
  37.  
  38.     var Notice_Text = document.createElement("p");
  39.     var Notice_Buttons = document.createElement("p");
  40.     var element = document.createElement("p");
  41.     var Notice_Textarea = document.createElement("textarea");
  42.     var Notice_Savebutton = document.createElement("input");
  43.     var Notice_Resetbutton = document.createElement("input");
  44.     var Notice_Element = document.createElement("a");
  45.     var link = "http://www.fcup-tools.de";
  46.  
  47.  
  48.  
  49.     Notice_Textarea.cols = "80";
  50.     Notice_Textarea.rows = "9";
  51.     Notice_Textarea.setAttribute('id', 'Notizbereich');
  52.     Notice_Textarea.appendChild(document.createTextNode(GM_getValue('Notiz')));
  53.  
  54.  
  55.  
  56.     Notice_Savebutton.type = "Button";
  57.     Notice_Savebutton.value = "Notiz speichern";
  58.     Notice_Savebutton.setAttribute('class', 'notiz_button');
  59.     Notice_Savebutton.addEventListener("click", save, false);
  60.  
  61.     Notice_Element.type = "Button";
  62.     Notice_Element.setAttribute("href", link);
  63.     Notice_Element.setAttribute('class', 'notiz_button');
  64.     Notice_Element.innerHTML = "Tools";
  65.     Notice_Element.addEventListener("onclick", open, false);
  66.     Notice_Element.setAttribute('target','_blank');
  67.     document.body.appendChild(Notice_Element);
  68.     // and append it to where you'd like it to go:
  69.  
  70.  
  71.  
  72.     Notice_Resetbutton.type = "Button";
  73.     Notice_Resetbutton.value = "Feld leeren";
  74.     Notice_Resetbutton.setAttribute('class', 'notiz_button');
  75.     Notice_Resetbutton.addEventListener("click", reset, false);
  76.  
  77.  
  78.  
  79.     Notice_Buttons.appendChild(Notice_Savebutton);
  80.     Notice_Buttons.appendChild(Notice_Element);  
  81.     Notice_Buttons.appendChild(Notice_Resetbutton);
  82.  
  83.     Notice_Text.appendChild(Notice_Textarea);
  84.     Notice_Text.appendChild(Notice_Buttons);
  85.  
  86.     notice_out.appendChild(Notice_Text);
  87.     notice_out.appendChild(clue_text);
  88.     notice_out.appendChild(notice_in);
  89.  
  90.     notice_area.appendChild(notice_in);
  91.     notice_area.appendChild(notice_out);
  92.  
  93.     document.body.insertBefore(notice_area, document.body.firstChild);
  94.     document.body.appendChild(element);
  95.  
  96.     document.getElementById("notice_in").innerHTML = "Notiz &ouml;ffnen";
  97.  
  98.     notice_out.style.display="none";
  99.  
  100.  
  101.     function openNotice()
  102.     {
  103.         if(!notiz)
  104.         {
  105.             notiz = true;
  106.             notice_out.style.display="table";
  107.             document.getElementById("notice_in").innerHTML = "Notiz verbergen";
  108.         }
  109.         else
  110.         {
  111.             notiz = false;
  112.             notice_out.style.display="none";
  113.             document.getElementById("notice_in").innerHTML = "Notiz öffnen";
  114.         }
  115.     }
  116.  
  117.     function save()
  118.     {
  119.         GM_setValue('Notiz', document.getElementById("Notizbereich").value);
  120.         change_clue("Notiz wurde gespeichert.");
  121.         window.setTimeout (function() { change_clue(""); }, 1500);
  122.     }
  123.  
  124.     function change_clue(value)
  125.     {
  126.         document.getElementById("change_clue").innerHTML = "<font color='#190707'>"+ value +"</font>";
  127.     }
  128.  
  129.     function reset()
  130.     {
  131.         change_clue("Notiz wurde gelöscht.");
  132.         document.getElementById("Notizbereich").innerHTML = "";
  133.     }
  134. }
  135.  
  136. init();
  137.