message.js parent

http://stackoverflow.com/questions/16266474/javascript-listen-for-postmessage-events-from-specific-iframe

by fiddlegrimbo

HTML

<div><button id="sendMsg">Send</button></div>
<iframe id="if1"></iframe>
<iframe id="if2"></iframe>
<iframe id="if3"></iframe>
<iframe id="if4"></iframe>

JavaScript

var src = "http://fiddle.jshell.net/fiddlegrimbo/9bQEN/2/show/light/";
$("iframe").each(function (i, iframe) {
    iframe.src = src;
});

$("#sendMsg").click(function () {
    var targetOrigin = "http://fiddle.jshell.net";
    $("iframe").each(function (i, iframe) {
        iframe.contentWindow.postMessage({
            time: new Date().getTime()
        }, targetOrigin);
    });
});

function receiveMessage(event) {
    console.log("main window", event);
    // Do we trust the sender of this message?
    if (event.origin !== "http://example.com:8080") return;
    // event.source is window.opener
    event.source.postMessage(event.data, event.origin);
}
window.addEventListener("message", receiveMessage, false);