EXT: Flexform based IFrame¶

What does it do?¶

This extension adds a new content type to the backend of Typo3. This new type allows to insert the html tag <iframe> to embed another page specified by an URL. All attributes of the iframe tag according to the HTML 4.01 Specification of the W3C can be specified in the backend.

The extension uses flexform instead of extending the table tt_content, and is totally configurable from either flexform or typoscript.

The extension uses version II of the DynamicDrive Iframe SSI javascript (optional), which lets you seamlessly display external content on your page via an IFRAME. It does this by dynamically resizing the IFRAME to be the height of the page contained within it, eliminating any possible IFRAME scrollbars from appearing while snugly showing the entire external content. Think of it as SSI (server side includes) emulated using DHTML! This script works in both IE5+ and NS6+, and for other browsers, supports the option to either completely hide the iframe in question or display it using its default height.

Now, you can load additional documents*into the IFRAME even after the page has loaded, and the IFRAME will dynamically adjust its height to fit the new document. So use this script if you need to not only display external content via the IFRAME tag, but intend to change this content after the page has loaded.

You can also use links on your main page to load a page into your IFRAME (with the IFRAME automatically resized to that page's height of course). To do so, the link should look like this:

<a href="javascript:loadintoIframe('myframe', 'external.htm')">Link</a>

where "myframe" is the ID of the IFRAME you wish to load a page into, and "external.htm", the path to the page on your site to load.

* If the autosize option is enabled, then all external pages loaded into the iframe must be from the same domain as the page the iframe tag is inserted in. Setting the iframe's src to an external site such as " `http://www.typo3.org <http://www.typo3.org/>`_ " will not work, since the script cannot probe and detect the height of pages from external domains.

Screenshots¶

The following screenshot shows the configuration in the backend.

((generated))¶

((generated))¶

Reference¶

lib.myIframe < plugin.tx_ffiframe_pi1
lib.myIframe {
  src = fileadmin/templates/tabs.html
  frameborder = 0
  width = 400
  height = 100
  id = myIframe
  scrolling = no
  autoresize = 1
}