Javascript Code Snippets

I like being able to have some control over webpages.  I hate it when pages have some awful animation running just next to something I want to read.  Or when then have a giant fixed banner.  I use this Firefox extension: Remove/Crop-to Selection  It lets me remove things on a page.  Just reload the page to get them back.

These next snippets can added as bookmarks to your browser and can give you more control over web pages. They have been made and tested on Firefox.

You create a bookmark with each of these snippets and activate them while on a page.

1. Kill Sticky:
• What it does: web pages sometimes have banners or buttons that are fixed on the page.  Fixed things limit the space for reading or accessing the content or sit on top of content hiding it.  Click on the Kill Sticky bookmark and any fixed objects are removed.   Based on Alisdair McDiarmid's Kill Sticky. If you want to restore the sticky headers, just reload the page.
  The code is here:
  javascript:(
  function(){
    (
      function () {
        var i, elements = document.querySelectorAll('body *');
        for (i = 0; i < elements.length; i++) {
        var s = getComputedStyle(elements[i]);
          if (s.position === 'sticky') || s.position === 'fixed')
            { elements[i].parentNode.removeChild(elements[i]);}
        }
      }
    )()
  }
)()
  
  When you use it in a bookmark you probably want to compress it like this:
  
  javascript:(function(){(function(){var i, elements = document.querySelectorAll('body *'); for(i = 0; i < elements.length; i++){var s = getComputedStyle(elements[i]); if(s.position === 'sticky' || s.position === 'fixed'){elements[i].parentNode.removeChild(elements[i]);}}})()})()
  
  or encode it for URL like this:
  
  javascript:(function()%7B(function()%7Bvar%20i%2C%20elements%20%3D%20document.querySelectorAll('body%20*')%3B%20for(i%20%3D%200%3B%20i%20%3C%20elements.length%3B%20i%2B%2B)%7Bvar%20s%20%3D%20getComputedStyle(elements%5Bi%5D)%3B%20if(s.position%20%3D%3D%3D%20'sticky'%20%7C%7C%20s.position%20%3D%3D%3D%20'fixed')%7Belements%5Bi%5D.parentNode.removeChild(elements%5Bi%5D)%3B%7D%7D%7D)()%7D)()
  
  Create a new bookmark, name it say, "Kill Sticky" and copy the javascript or URL encoded javascript into the bookmark location. I put the bookmark on my bookmarks toolbar so it's always there. 
  
  Or drag this link to your bookmarks bar Kill Sticky
  
  
2. Show Hidden:
   
   • This is another javascript snippet I find useful at times.  This one shows hidden things on a web page. 
     javascript:(
  function(){
    (
      function () {
      var i, elements = document.querySelectorAll('body *');
      consol.log("n hidden=",elements.length);
      for (i = 0; i < elements.length; i++) {
        if (getComputedStyle(elements[i]).display === 'none')
       {elements[i].style.display = 'inline');}
      }
    })()
  }
)()

Again compressed code for bookmark location is here:
     
     javascript:(function(){(function () {var i, elements = document.querySelectorAll('body *');for (i = 0; i < elements.length; i++) {if (getComputedStyle(elements[i]).display === 'none'){elements[i].style.setProperty ('display', 'inline');}}})()})()
     
     And urlencoded code is here:
     
     javascript:(function()%7B(function%20()%20%7Bvar%20i%2C%20elements%20%3D%20document.querySelectorAll('body *')%3Bfor%20(i%20%3D%200%3B%20i%20%3C%20elements.length%3B%20i%2B%2B)%20%7Bif%20(getComputedStyle(elements%5Bi%5D).display%20%3D%3D%3D%20'none')%20%7Belements%5Bi%5D.style.display%20%3D%20'inline'%3B%7D%7D%7D)()%7D)()
     
     Create a bookmark as for the script above or drag this link to your bookmarks bar:
     
     Show Hidden