Developer

Documentation

Settings

Glue

Rigging

Communication is done through a postMessage system to allow both separate windows and iframes to relay messages across multiple domains.

      <iframe
          id="iframe-ra"
          src="https://glue.routeadvantage.com"
          class="vfill"
          border="0"
          style="border: none;"></iframe>

      // We'll use this object later to call methods on the glue.
      var target = null;

      // This is how we listen for other windows or frames to send us information.
      addEventListener('message', function (/*MessageEvent*/ me) {
          // Here is where we handle events.
          // me.source also refers to the message sender so would likely be
          // the iframe or window for the glue.

          if (!target) {
              target = me.source;
          }

          // We send methods like this...
          target.postMessage({
          type: 'method',
          payload: {
              message: 'Arguments are sent via this object.'
          }, '*');
      }, false);

Events

loaded

Called when the glue is completely loaded and ready to start routing.

addEventListener('message', function (me) {
    if (me.data.type === 'loaded') {
        // Glue is loaded, let's send it a route...
        var data = {
            type: 'route',
        payload: {
                locations: [{
                    address: '12345 Sw Main Rd.',
                city: 'Portland',
                state: 'OR',
                zip: '97232'
            }]
        }
    };
    target.postMessage(data, '*');
 }
}, false);

save

Fired when the save button has been pressed. This will not close by itself so you must either close the tab (eg. target.close()) or close the modal dialog (eg. jquery $('#modal').modal('destroy');)

addEventListener('message', function (me) {
    if (me.data.type === 'save') {
        var name = m.data.payload.name,
    locations = m.data.payload.locations;

    // Post some ajax somewhere to save the locations and name of this
    // structure.
}
}, false);