• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 303
  • Last Modified:

Grey out frameset before the confirm box

Wonder if you guys can help me, I have frameset with a menu/header and content. In the content, I have a button which runs an confirm box. When a user clicks on the button I want to use the microsoft alpha filter i.e. to change colour before the confirm message appears, similiar to Yahoo's one:


Can someone please help me with this. As I said I don't want Yahoo's version.

Hope I'm not asking for much

  • 3
  • 2
1 Solution
ZvonkoSystems architectCommented:
You can see what they do when you use PageSpy: http:/M_1344026.html

.mask {
DISPLAY: none;
FILTER: alpha(opacity=50);
LEFT: 0px;
POSITION: absolute;
TOP: 0px;
moz-opacity: 0.5;
opacity: .50;

<IFRAME id=_yuiResizeMonitor style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; FILTER: alpha(opacity=0); LEFT: -133px; VISIBILITY: visible; BORDER-LEFT: 0px; WIDTH: 10em; BORDER-BOTTOM: 0px; POSITION: absolute; TOP: -133px; HEIGHT: 10em"></IFRAME>
<DIV class=mask id=dlg_mask style="DISPLAY: block; WIDTH: 881px; HEIGHT: 606px">&nbsp;</DIV>
<IFRAME style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; DISPLAY: block; PADDING-LEFT: 0px; Z-INDEX: 5; FILTER: alpha(opacity=0); LEFT: 264px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; WIDTH: 354px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 133px; HEIGHT: 342px"></IFRAME>

mousemat24Author Commented:
Hi Zvonko,

Thanks for that, but I dont think I wanted that, I wanted something like this:

Someone clicks on a button, the button uses the javascript confirm function, BUT before the the user sees the confirm box, the screen turns grey (microsoft alpha filter)

ZvonkoSystems architectCommented:
That is already on upper comment.
You define a <div> with all the attributes that you want for the backgraund when your confirm box appear and make it style.display="none"
So before you show the confirm box you turn the display style to "block"
That's all.

mousemat24Author Commented:
Does your code work with a frameset Zvonko?
ZvonkoSystems architectCommented:
No, it does not.
And there is for sure NO way to make oapcity effect on two or more frames.
But if you get the frameset itself to be an iframe of the main window, then that main window can again have the mask div for opacity effect over the iframe conatining the frameset.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now