☰

poppen.de_MobileSearch

Show search for Poppen.de community on mobile Devices

  1. // ==UserScript==
  2. // @id             poppen.de_MobileSearch
  3. // @name           poppen.de_MobileSearch
  4. // @namespace      de.poppen.search
  5. // @version        0.6
  6. // @author         Useless
  7. // @description    Show search for Poppen.de community on mobile Devices
  8. // @include        http*://*.poppen.de/community/forum/*
  9. // @run-at         document-end
  10. // @iconURL        https://www.poppen.de/favicon.ico
  11. // @grant          GM_addStyle
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     var screenObj = window.screen;
  16.     let esearch = document.getElementById('elSearchExpanded');
  17.     let activity = document.getElementById('elNavSecondary_8');
  18.     let newlink = document.createElement('a');
  19.     var linkText = document.createTextNode("Erweiterte Suche");
  20.     newlink.appendChild(linkText);
  21.     newlink.title = "Erweiterte Suche";
  22.     newlink.href = "/community/search";
  23.     esearch.appendChild(newlink);
  24.     if (screenObj.width <= 979)
  25.     {
  26.         let search = document.getElementById('elSearch');
  27.         //let expsearch = document.getElementById('elSearchExpanded');
  28.         let breadcrumb = document.getElementsByClassName('ipsBreadcrumb');
  29.         let listItems = document.querySelectorAll('.ipsBreadcrumb li');
  30.         for (let link of listItems) {
  31.             link.style.display = 'none';
  32.         }
  33.         search.style.display = 'block'; // show
  34.         activity.style.display = 'block';
  35.         let menus = activity.querySelectorAll('li');
  36.         for (let menu of menus) {
  37.             menu.style.display = 'block';
  38.         }
  39.         let radios = search.querySelectorAll('li');
  40.         for (let radio of radios) {
  41.             radio.style.display = 'block';
  42.         }
  43.         esearch.style.right = "-50px";
  44.         breadcrumb[0].style.display = 'block';
  45.     }
  46. })();