Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Communication Layer (gallery-communication-layer) on cdn

Last Updated: 06/24/12

+ 1 -

Eugene Kashida

YUI Contributor

Created: 06/18/12
Last CDN Push: 07/5/12
Build Tag: gallery-2012.07.05-20-01
Project: YUI 3
License: YUI BSD
YUI Version: 3.6.0pr3
Free for use.

This component provides an abstraction layer on top of HTML5's window.postMessage method to provide a transparently secure, evented communication API for cross-domain web applications and can be easily extended to work between webviews and native components.

Download
Docs
Homepage
Bugs
Source
Example
Forum
History

These are the basics you need to know to get started. See the documentation for more features!

Code Sample

<script src="http://yui.yahooapis.com/3.6.0pr3/build/yui/yui-min.js"></script>

// As the parent application
YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.07.05-20-01'
}).use('gallery-communication-layer', function(Y) {
 
    Y.CL = Y.CL || new Y.CommunicationLayer();
 
    // The src attribute is required for registration
    var iframe = Y.Node.create('<iframe src="http://yuilibrary.com">');
 
    Y.CL.register(iframe, function (proxy) {
 
        proxy.on('navigate', navigateHandler);
 
        // Logic to execute when the child signals readiness
        proxy.ready(function () {
            proxy.fire('pageinfo', pageData);
        });
 
    });
 
});
 
// As the child application
YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.07.05-20-01'
}).use('gallery-communication-layer', function(Y) {
 
    Y.CL = Y.CL || new Y.CommunicationLayer();
 
    Y.CL.on('pageinfo', function (e) {
        var pageData = e.data;
    });
 
    Y.CL.ready(); // ready signal
 
});