• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 301
  • 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:

http://developer.yahoo.com/yui/examples/container/dialog.html

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

Hope I'm not asking for much

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

Style:
.mask {
DISPLAY: none;
FILTER: alpha(opacity=50);
LEFT: 0px;
POSITION: absolute;
TOP: 0px;
BACKGROUND-COLOR: #ccc;
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>



0
 
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)

0
 
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.

0
 
mousemat24Author Commented:
Does your code work with a frameset Zvonko?
0
 
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.


0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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