CSSPIXELS — Page Information for Showcase 2 using the iframe element.

What loads faster without page refresh — AJAX or iframes ?

This page uses iframe tags or iframe elements as follows:

<iframe> Pages loading here... </iframe>

These iframe tags are for loading individual, independant XHTML pages into this white window space. The iframe element is now supported in all modern browsers. When you click on any of the menu tabs above, you will call each new page to load into this space as an inline page element. The loaded pages keep their individual CSS formatting, while the surrounding container page, can be CSS styled without affecting the pages that are displayed within the iframe element.

The same principle — loading other pages (or page snippets) into this page space — can also be achieved with AJAX (Asynchronous JavaScript and XML) by accessing the DOM, also called the "Document Object Model". However, instead of targeting the iframe elements, you would mainly use and target divisions or div elements within this page when using AJAX.

Choose from the grey tabbed menu above to see different pages loading into this space without needing to refresh the whole page.

Read more on Web Development & Design...

NOTE: AJAX page to follow for comparison.