.postMessage() Example - Sender

by ozzan

HTML

<textarea id="text"></textarea>
<button id="btn">Send Message</button>

<!-- uncomment for iframe example
<iframe width="100%" height="300" src="//jsfiddle.net/ozzan/wmxf9fs2/show" frameborder="0" id="child"></iframe> 
-->

JavaScript

var childWindow = window.open("https://jsfiddle.net/ozzan/wmxf9fs2/show", "_blank");
//var childWindow = document.getElementById("child").contentWindow; //uncomment for iframe example

var btn = document.getElementById("btn"),
    text = document.getElementById("text");

btn.addEventListener("click", function() {
    sendMessage(text.value);
    text.value = "";
});

function sendMessage(message) {
    if (!message || !message.length) return;
    childWindow.postMessage(JSON.stringify({
        message: message,
        time: new Date()
    }), "https://jsfiddle.net/");
    console.log("sent");
}