Pop up with greyed out background

[KeredDrahcir]

I'd like to have a link that opens up in a pop up window, but while the window is open, I want to page that linked to it to be greyed out.
I found a script that would grey out the page but that was deigned to be toggled by a button so I could grey out the page and open the popup but when I closed the popup I couldn't get the page back.
I tried using a DHTML lightbox that greys out the page but I can only load images and not exteral pages in it.

Is there a way I can do this? I'm using php but to do this I would like to use JavaScript.

[Kong Chun Ho]

Did u mean a transparent-black layer?
You can do this using CSS, and close the layer using JS

[KeredDrahcir]

Yes, that right. Can I close the layer by closing the popup window?

[Kong Chun Ho]

Yes, of course, just set the obj.className = 'something';

[KeredDrahcir]

I'm not sure I understand. You couldn't give me some sample code please?

[Kong Chun Ho]

First, did u mean this effect?

[Kong Chun Ho]

There can also a full page layer

[KeredDrahcir]

I want to page to look like a disabled form element.

[Kong Chun Ho]

So, white background???

[Kong Chun Ho]

Also note, the element(form) behind the black background is disabled!

[KeredDrahcir]

Yes. I think so.

[KeredDrahcir]

I found this script to grey out the background.

function opacity(id, opacStart, opacEnd, millisec) 
{ 
//speed for each frame 
  var speed = Math.round(millisec / 100); 
  var timer = 0; 
 
//determine the direction for the blending, if start and end are the same nothing happens 
  if(opacStart > opacEnd) 
  { 
    for(i = opacStart; i >= opacEnd; i--) 
    { 
      setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
      timer++; 
    } 
  //make 'remove' button an 'undo' button
    add_restore = id+'_remove';
    restore = document.getElementById(add_restore);
    restore.innerHTML = "undo";
    restore.onClick="";
    restore.onClick="opacity('t1',20,100,500)";
  } 
  else if(opacStart < opacEnd) 
  { 
    for(i = opacStart; i <= opacEnd; i++) 
    { 
      setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
      timer++; 
    }
  //make 'undo' button return to 'remove' button
    add_restore = id+'_remove';
    restore = document.getElementById(add_restore);
    restore.innerHTML = "remove";
    restore.onClick="";
    restore.onClick="opacity('t1',100,20,500)"; 
  } 
}
//change the opacity for different browsers 
function changeOpac(opacity, id) 
{ 
  var object = document.getElementById(id).style; 
  object.opacity = (opacity / 100); 
  object.MozOpacity = (opacity / 100); 
  object.KhtmlOpacity = (opacity / 100); 
  object.filter = "alpha(opacity=" + opacity + ")"; 
}
 

It has the greyed out effect I want but I need to be able to set it back when I close the popup rather than using a button as is done here.

[KeredDrahcir]

Can I use an onclose event that will activate in a different browser?

[omerbutt]

if you are trying to load an html page which is not outside your domain you can use thickbox here is an example you see here and click onthe link name View Property Detail in front of any of the properties displayed
regards,
Omer Aslam

[KeredDrahcir]

Thanks, I'll give it a go. By the way, is there a way to force a page to refresh?

[omerbutt]

obviously you can , in javascript you are asking i think

location.reload()
 

[KeredDrahcir]

When I refresh by clicking on the refresh button or pressing F5 the page refreshes and then takes you to where you were before. The

location.reload();

function, take me back to the top of the page and leaves me there. Is they any way round that?

[KeredDrahcir]

Another question, if you've put something on the onunload, I need it to happen is the user closes the window. Can I overide that, if they do something else?

[omerbutt]

i am not sure about it but try using

location.replace(window.location.href);
 

and could not get the last post what are you trying to say
regards,
Omer Aslam

[KeredDrahcir]

I'll try your suggestion. Don't worry about the last post.

[omerbutt]

if you were using the <a> links as like
<a href="#panel1">Panel 1</a>
then it would work i think that is you were looking for
Regards,
Omer Aslam

[KeredDrahcir]

That's possibly the easiest thing to do; from the way my site operates. I'll give that one a try first.
Thanks.

[omerbutt]

yeah sure
Regards,
Omer Aslam