Modal frame

See more:

ASP.NET

Hi,

I have a data entry page, after filling the fields, user clicks a button which should open a map in the center in a frame or panel.

The whole data entry page should be covered with a transparent grey color panel and at the center of it in a rectangle a map div should show a map. So it should be like a modal frame which doesnt allow the user to use data entry fields below but they can see part of those due to transparency (excluding map content on it)

How should I achieve it. How should be the design of my page?

I was thinking..

Have hidden div in the data entry page covering whole page. Div is given transparency css attribute.

Inside div have a iframe (centered with less size)

When user click a button on data entry page, make the div visible and load the iframe with map in the middle.

When user clicks a button in the div, make the div invisible again.

What do you think?

Thanks

Vijay