veewee/postmessage-tester.html

## postmessage-tester.html
<html>
<head>
<script>
  var count=0;
  function sendMessage() {
    window.parent.postMessage(
      JSON.stringify({"greeting": "hello world"}), // A stringified message to send.
      "*" // The intended origin, in this example we use the any origin wildcard.
    );
  }

  window.onmessage = function(e){
    if(e.origin === window.location.origin){
      return;
    }
    if(!e.data){
      throw new Error('Message event contains no readable data.');
    }

    var elm = document.createElement('li');
    elm.innerHTML = e.data;
    var out = document.getElementById('messages');
    out.appendChild(elm);
  }
</script>
</head>
<body>
  <p>
  	child window on different domain <a href="https://gist.github.com/kylewelsby/585b3a5395c6731acc50">GitHub Gist</a>
  	<button type="button" onclick="sendMessage()" style="float: right;">Send message!</button>
  </p>
  <ol id="messages"></ol>
</body>
</html>
	<html>
	<head>
	<script>
	var count=0;
	function sendMessage() {
	window.parent.postMessage(
	JSON.stringify({"greeting": "hello world"}), // A stringified message to send.
	"*" // The intended origin, in this example we use the any origin wildcard.
	);
	}

	window.onmessage = function(e){
	if(e.origin === window.location.origin){
	return;
	}
	if(!e.data){
	throw new Error('Message event contains no readable data.');
	}

	var elm = document.createElement('li');
	elm.innerHTML = e.data;
	var out = document.getElementById('messages');
	out.appendChild(elm);
	}
	</script>
	</head>
	<body>
	<p>
	child window on different domain <a href="https://gist.github.com/kylewelsby/585b3a5395c6731acc50">GitHub Gist</a>
	<button type="button" onclick="sendMessage()" style="float: right;">Send message!</button>
	</p>
	<ol id="messages"></ol>
	</body>
	</html>