clayrisser / nested-iframe

Recursively find a nested iframe

nested-iframe

Recursively find a nested iframe

Please ★ this repo if you found it useful ★ ★ ★

Features

• Asynchronously waits for iframe to load
• Optional timeout
• Optionally find nested iframe synchronously

Installation

npm install --save nested-iframe

Dependencies

• NodeJS

Usage

Example 1

Waits for all iframes to load

The deepest iframe is returned

import nestedIframe from 'nested-iframe';

nestedIframe([
  '#parentIframe',
  '#childIframe',
  '#grandchildIframe'
]).then((grandchildIframe) => {
  grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';
});

Example 2

Optional timeout at 5 seconds

The deepest iframe that is loaded is returned

import nestedIframe from 'nested-iframe';

nestedIframe([
  '#parentIframe',
  '#childIframe',
  '#grandchildIframe'
], { timeout: 5000 }).then((grandchildIframe) => {
  grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';
});

Example 3

Optional timeout at 5 seconds

Throws an error if timeout

import nestedIframe from 'nested-iframe';

nestedIframe([
  '#parentIframe',
  '#childIframe',
  '#grandchildIframe'
], {
  timeout: 5000,
  error: true
}).then((grandchildIframe) => {
  grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';
}).catch((err) => {
  console.error(err);
});

Example 4

Does not wait for iframes to load

The deepest iframe that is loaded is returned (probably the parentIframe)

import { nestedIframeSync } from 'nested-iframe';

const grandchildIframe = nestedIframe([
  '#parentIframe',
  '#childIframe',
  '#grandchildIframe'
]);
grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';

Example 5

Does not wait for iframes to load

Throws an error if deepest iframe not loaded

import { nestedIframeSync } from 'nested-iframe';

try {
  const grandchildIframe = nestedIframe([
    '#parentIframe',
    '#childIframe',
    '#grandchildIframe'
  ], { error: true });
  grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';
} catch(err) {
  console.error(err);
}

Support

Submit an issue

Contributing

Review the guidelines for contributing

License

MIT License

Jam Risser © 2018

Changelog

Review the changelog

Credits

• Jam Risser - Author

Support on Liberapay

A ridiculous amount of coffee ☕ ☕ ☕ was consumed in the process of building this project.

Add some fuel if you'd like to keep me going!