====== Javascript ======

==== Minifiers ====
  * [[https://www.toptal.com/developers/javascript-minifier|Online JavaScript Minifier Tool and Compressor]]
  * [[https://jscompress.com/|JSCompress]]
  * [[https://www.giftofspeed.com/javascript-compressor/|JavaScript Compressor]]
  * [[https://www.digitalocean.com/community/tools/minify#top|JavaScript Minify Tool (Digital Ocean)]]
  * [[https://www.minifier.org/|Minify JS / CSS]]

==== Find highest z-index on page in browser ====
  * If an unexpected element is blocking your screen, you can find the highest z-index value currently in use. Press F12, go to the Console tab, paste this code, and press Enter:<code>const highestZ = Math.max(
  ...Array.from(document.querySelectorAll('*'))
    .map(el => parseFloat(window.getComputedStyle(el).zIndex))
    .filter(z => !isNaN(z))
);
console.log('Highest z-index on this page:', highestZ);
</code>
  * To bypass the warning, type allow pasting directly into the Chrome console and press Enter, then paste your code again.

==== Modify an elements value in an iFrame ====

Remember, cross site access to iFrame properties is not possible (security).
  <script>
  setTimeout(function() {
  var iframe = document.getElementById('myframe1');
  var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;
  var x = innerDoc.getElementsByClassName("place-name");
  x[0].innerHTML = "Hello World!";
  },5000);
  </script>

==== Pass POST variable through Javascript ====

  myvar = document.createElement('input');
  myvar.setAttribute('name', 'somename');
  myvar.setAttribute('type', 'hidden');
  myvar.setAttribute('value', 'somevalue');
  form.appendChild(myvar);

==== iFrames ====

  * [[http://stackoverflow.com/questions/13214419/alternatives-to-iframe-srcdoc|Alternatives to iframe srcdoc]]
  * [[http://stackoverflow.com/questions/236073/why-split-the-script-tag-when-writing-it-with-document-write|Why split the <script> tag when writing it with document.write()]]
  * [[http://www.w3schools.com/tags/tag_iframe.asp|HTML <iframe> Tag]]
  * [[http://caniuse.com/#feat=iframe-srcdoc|srcdoc attribute for iframes]]

==== Crypto ====
  * [[https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string|SubtleCrypto.digest()]]

==== Mouse / Touch detection ====
  * google "how to detect in browser whether device has mouse capability"
  * [[https://github.com/rafgraph/detect-it|Detect It]]