How to fade background and show a dialog box

re: How to fade background and show a dialog box

pat — Tue, 04 Aug 2009 15:14:47 GMT

Dj_Kat: Your dialog box looks like it has opacity because it is being displayed behind the masking div. If you give it a z-index attribute with a value higher than 50000 (as that is what the masking div is set to) it will display correctly i.e. in front of the mask...

Hope that helps...

re: How to fade background and show a dialog box

chandresh — Fri, 07 Mar 2008 16:24:04 GMT

Pl let me know this dialog box working "FireFox"

Thanks

re: How to fade background and show a dialog box

YSUT — Wed, 16 Jan 2008 23:55:36 GMT

Is there any way to blur the background ?

Thx anyway

re: How to fade background and show a dialog box

Dj_Kat — Thu, 19 Jul 2007 17:46:25 GMT

How do you get the dialog box to display without opacity. I've been trying this without any luck the background fades nicely tho

re: How to fade background and show a dialog box

Alvito — Mon, 26 Feb 2007 17:49:13 GMT

Hello,

Can u show the HTML for the div that needs to hold content. i believe the code you stated above just shows the div for the background .

re: How to fade background and show a dialog box

jeebu — Fri, 09 Feb 2007 15:05:44 GMT

omar,

my requirement is like when opening a popup background should go grey fade...

jeebu

re: How to fade background and show a dialog box

jeebu — Fri, 09 Feb 2007 14:23:55 GMT

omar,

can this technology be implemented when u open a popu window...

<div id="blockUI" class="translucent" style='display: none; background-color: gray;

width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 50000;"

onclick="return false" onmousedown="return false" onmousemove="return false"

onmouseup="return false" ondblclick="return false">

 </div>

how to use this above code./...

can u explain me in detail regarding it

thanx

jeebu

re: How to fade background and show a dialog box

chemtech — Tue, 05 Sep 2006 06:43:04 GMT

Kind of missing a bit, no? We can use this cross browser compliant javascript in the header to toggle the div(s): function toggle(id){ if (document.getElementById){ var layer = document.getElementById(id); layer.style.display = (layer.style.display == 'none') ? 'block' : 'none'; } } And then we can call it like: Block UI Or like maybe like this if you prefer: Block UI Or via another script to pop up all kinds of div goodness over top with a z-alignment greater than 50000. BUT in Firefox the transparent opacity of BlockUI still doesn't work :( And in IE there seems to be a slight margin on the right hand side. Other than that it's awesome, any tips to fix it? Kind Regards,

re: How to fade background and show a dialog box

omar — Fri, 18 Aug 2006 03:49:50 GMT

Nicholson, yes. I do some work for Pageflakes :)

Another Link Round-Up

Life, Universe and Everything according to Dirk — Thu, 17 Aug 2006 10:46:34 GMT

Remote Membership/Roles Management of ASP.NET 2.0 Applications Flickr-ing about with .NET VM Additions

re: How to fade background and show a dialog box

Nicholson — Sat, 05 Aug 2006 16:41:40 GMT

Are you from www.pageflakes.com ?