Is an iframe the best (most compatible) way to do this?

I have one page in a site where I need to have several links/buttons, each of which will display a different quicktime movie in the space below them.

I'm currently using an iframe which when targetted by each link, loads a page containing only the relevant quicktime movie.

I'm trying to achieve a result where the whole page doesn't reload, and that will work on as many systems as possible (e.g with javascript turned off).

There's no other content on the iframe pages.

While researching this, I've seen a general dislike of iframes, and suggestions to use an object to embed the sub-page's html. I don't know if this will work for my purposes however, since I want to load each movie without the whole (parent) page reloading.

It works this way, I'm just not sure if there's a better way, maybe a CSS trick or similar.

Thanks for any advice.

 

You could use some nice little javascript with some ajax to dynamically load the new video into the content area of your site.

http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

 

I agree with Stefan. Iframes and Frames are out dated by years and should never be used... unless it is really the best option lol...

 

I sending you a pm because this forum wont allow me to post links.

 

Thanks for the suggestions, that worked nicely.

Unfortunately it gave me another problem:

I have a div which starts out hidden, and becomes visible when a button is clicked. This div appears behind the quicktime movie, and I want it to appear above it. I tried changing the z-index of both items but no luck.

Is there an easy fix for this?