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
Solved

Grey out frameset before the confirm box

Posted on 2006-07-18
5
275 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
  • 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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
Having worked on larger scale sites, we found out that you are bound to look at more scalable solutions to integrating widgets, code snippets or complete applications and mesh them into functional sites, in any given composition. To share some of…
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…

840 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