Iframe

Revision as of 12:28, 1 August 2008 by chris collman (talk | contribs) (See page comments, Possible advanced trick for teacher to use)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Note: You are currently viewing documentation for Moodle 3.7. Up-to-date documentation for the latest stable version of Moodle may be available here: Iframe.

IFrame (Inline Frame) is piece of HTML code that makes it possible to place a HTML page/document inside another HTML page/document.

The size of the IFrame can be specified in the surrounding HTML page, so that the surrounding page can already be presented in the browser while the IFrame is still being loaded. The IFrame behaves much like an inline image and the user can scroll it out of view. On the other hand, the IFrame can contain its own scroll bar, independent of the surrounding page's scroll bar.

The following is an example of an HTML document containing an IFrame:

<html>
   <body>
       The material below comes from the website http://example.com
       <iframe src="http://demo.moodle.org" height="200">
           Alternative text for browsers that do not understand IFrames.
       </iframe>
   </body>
</html>

Caution: not all browsers recognize IFrame. However, Mozilla Firefox, Opera and Microsoft Internet Explorer introduced contentEditable and designMode, which enables users to edit the contents of the HTML contained in an IFrame. Popular web applications which make use of this feature including Google Docs & Spreadsheets (formerly Writely), JotSpot Live, and Windows Live Hotmail to name a few.

See also