Passing variables between iframe and parent window

Passing-variables-between-iframe-and-parent-window.markdown

Passing variables between iframe and parent window

A Pen by Mohit Aneja on CodePen.

License.

script.js

// Iframe
function resize() {
    var height = $(html).height();

    // Backwards – send message to parent
    window.parent.postMessage(['varName', var_value], '*');
}

// Parent
window.addEventListener('message', function (e) {
    var $iframe = $('#the-iframe');

    var eventName = e.data[0];
    var data      = e.data[1];

    switch (eventName) {
        case 'varName':
            alert(data);
            break;
    }
}, false);