Skip to content

README.md

Latest commit

 

History

History
119 lines (92 loc) · 2.14 KB

README.md

File metadata and controls

119 lines (92 loc) · 2.14 KB

ipost

Promise feature for iframe post message and popup window post message

MODE: IFRAME

Example:

In parent window:

var ipost = new IPost('http://localhost:8888/iframe.html');
ipost.inject();
ipost.listen();

ipost.post('What is your name?').then(function (message) {
  console.log('Reply:', message);
}).fail(function (err) {
  console.error('Error:', err);
})

In iframe window:

var ipost = new IPost('*', { child: true });
ipost.listen();
ipost.ready();

ipost.on('message', function (deferred, message) {

  switch(message) {

    case 'What is your name?':
      deferred.resolve('My name is Sundarasan Natarajan.');
      break;

    case 'What is your age?':
      deferred.reject('Sorry! I do not know my birth date.');
      break;

  }

});

MODE: POPUP WINDOW

Example:

In parent window:

var ipost = new IPost('http://localhost:8888/popup.html', { mode: 'popup' });
ipost.open();
ipost.listen();

ipost.post('What is your name?').then(function (message) {
  console.log('Reply:', message);
}).fail(function (err) {
  console.error('Error:', err);
})

In popup window:

var ipost = new IPost('*', { mode: 'popup', child: true });
ipost.listen();
ipost.ready();

ipost.on('message', function (deferred, message) {

  switch(message) {

    case 'What is your name?':
      deferred.resolve('My name is Sundarasan Natarajan.');
      break;

    case 'What is your age?':
      deferred.reject('Sorry! I do not know my birth date.');
      break;

  }

});

Options

/**
 * For iframe mode
 */
var ipost = new IPost('http://localhost:8888/iframe.html', {
  mode: 'iframe',  // Default: "iframe"
  child: false,
});

/**
 * For popup window mode
 */
var ipost = new IPost('http://localhost:8888/popup.html', {
  mode: 'popup',
  child: false,
  windowOptions: 'toolbar=no, scrollbars=no,',
  target: '_blank',
});

To see demo

  • Clone the project
git clone https://github.com/Sujsun/ipost.git
  • Install npm dependencies
npm install

  • Run the server npm start or grunt

  • Visit http://localhost:8989 or http://127.0.0.1:8989