async-responsive-iframe
v0.2.8-rc.1
Published
This script will attach to a DOM node with a data-ref attribute of "async-responsive-iframe" value an iframe pointing to the provided data-url value.
Downloads
32
Keywords
Readme
Async-responsive-iframe
This script will attach to a DOM node with a data-ref attribute of "async-responsive-iframe" value an iframe pointing to the provided data-url value.
<div data-ref="async-responsive-iframe" data-url="https://your.iframe.url"></div>
It will also:
- style the iframe with no border and a 100% width
- use iframeResizer to style the height of the iframe to match the children document.
- communicate to the iframe using the postMessage API to send over the following data attributes [mail, countries, theme, site, group] as a
data
object.
Usage
<div data-ref="async-responsive-iframe" data-url="https://your.iframe.url"></div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>