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?