How to get an iframe to load in in the front of my page on top of the existing page?

Question

I am trying to have a link to an iframe load a frame on top of my page. Is there a javascript way to do this?

I have this in my code but I want that link to load within my page on top of a google map...

<div>
    <iframe src="/static/flaggingCriteria.html" name="flaggingCriteria" allowTransparency="true" scrolling="no" frameborder="0" >
    </iframe>
</div>

Thanks!

Answer 1

When you say load a frame on top of your page, do you mean a modal window ?

If that is the case Fancy box will let you do that very easily it will let you load iframe into a modal window. http://fancybox.net/

Answer 2

This should work:

<div style="z-index:1000;position:absolute;">
    <iframe src="/static/flaggingCriteria.html" name="flaggingCriteria" allowTransparency="true" scrolling="no" frameborder="0" >
    </iframe>
</div>