[HTML][JavaScript][Computer Stuff][Freeing the Mind]


Iframes

Iframes are now supported by Microsoft Internet Explorer and other browsers, such as Opera and Netscape. When an iframe is present in a page, then that page can load another page. Unlike normal frames, there is no frames page. The iframe is embedded in a normal page. This is all the advantages of frames without having frames!

Here are some articles on iframes:

  1. Iframes (This page)
  2. Iframes: Opening menu items in an iframe (JavaScript)
  3. Iframes: Opening a page from one iframe in another.(JavaScript)

The iframe is shown in the right-hand column of the table below. By clicking on the hyperlinks on the left, the target page appears in the iframe (on the right).

There is nothing new in the attributes if you have read the lessons on frames. The iframe is enclosed in the opening and closing tags.

This is the Menu

Page One

Page Two

 

Here is the relevant code:

<table>

<tr>

<td>

This is the Menu

 

</h2>

<!--

#######################

the links to the iframe use the iframe name as the TARGET

####################### -->

<a href="p1.htm" target="iframe1">

Page One

</a>

<a href="p2.htm" target="iframe1">

Page Two

</a>

</td>

<td width="220" valign="top">

<p align="center">

<!-- ####################### start of iframe tags ####################### -->

<!-- ####################### the text between the start and end tags of the iframe is similar to the noframes tag in regular frames ####################### -->

<iframe name="iframe1" src="p0.htm" align="top" height="100" width="400" hspace="10" vspace="10">

If you can see this, your browser does not support iframes!

 

</iframe>

<!-- ####################### end of iframe tags ####################### -->

</td>

</tr>

</table>

Now, let's look at using iframes with menus (this is javascript really)

Or you can continue with HTML


[back to: no frames]
[home][contents]
[on to:   Forms]


Most Recent Revision: 18-Oct-98.
Copyright © 1998

I am always pleased to hear from you.
Send your comments to