Solved

Grey out frameset before the confirm box

Posted on 2006-07-18
5
276 Views
Last Modified: 2011-04-14
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
Comment
Question by:mousemat24
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 63

Accepted Solution

by:
Zvonko earned 500 total points
ID: 17128564
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
 

Author Comment

by:mousemat24
ID: 17128622
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
 
LVL 63

Expert Comment

by:Zvonko
ID: 17128632
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
 

Author Comment

by:mousemat24
ID: 17128791
Does your code work with a frameset Zvonko?
0
 
LVL 63

Expert Comment

by:Zvonko
ID: 17128896
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

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article shows how to create and access 2-dimensional arrays in JavaScript.  It includes a tutorial in case you are just trying to "get your head wrapped around" the concept and we'll also look at some useful tips for more advanced programmers. …
In my daily work (mainly using ASP.net), I need to write a lot of JavaScript code. One of the most repetitive tasks I do are the jQuery Ajax calls. You know: (CODE) I don't know if for you it's the same, but for me is soooo tedious to write the …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question