[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

Grey out frameset before the confirm box

Posted on 2006-07-18
5
Medium Priority
?
299 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 1500 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: 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.

Question has a verified solution.

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

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 …
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
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…

656 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