Looking for sites that perform a certain action upon a click

[l6873]

Anyone know of a site where clicking on something sets the page inactive? By inactive I mean that all mouse actions are disabled and that perhaps the background goes to grayscale.

 

[l6873]

No one?

 

[FoBoT]

like a hacking site that screws up your computer/browser?

 

[l6873]

No, it doesn't screw anything up.

 

[l6873]

One last try. I remember someone posting a link to a site which had this feature. When you clicked on an image, the image popped up and the rest of the page became grey and disabled. Unfortunately I can't find this site anymore. VBulletin forums also have a similar feature which gets employed when one tries to logout - but it only works in IE. I'm sure there are several more sites that have this, so if someone knows of such site, or even better, knows how to achieve this effect with javascript, I'd appreciate a reply.

 

[IHateMyJob2004]

I remember one that you didn't click on links, you moused over them and it would then pop up a confirmation yes/no for each link that worked i nteh same hover manner.

Sorry, no link.

 

[Goosemaster]

Originally posted by: l6873
One last try. I remember someone posting a link to a site which had this feature. When you clicked on an image, the image popped up and the rest of the page became grey and disabled. Unfortunately I can't find this site anymore. VBulletin forums also have a similar feature which gets employed when one tries to logout - but it only works in IE. I'm sure there are several more sites that have this, so if someone knows of such site, or even better, knows how to achieve this effect with javascript, I'd appreciate a reply.

http://m0n0.myhsr.com ?

click on the pictures.....it overlays the whole thing.... just add some form data or whatever instead of a link to a picture.

Doesn't really make the site inactive though.

 

[Chronoshock]

The effect can be achieved by creating a new frame or window element the size of the browser and set the z-index style element to a number higher than all other elements (most sites don't even use z-index so setting it to like 5 is probably fine).
If you want it to be transparent, set the alpha style element to the desired value.
This new element should have focus and prevent things from being clicked. If you want anything to be on top (like a log-off dialog) just set the z-index of that element to something higher

 

[Goosemaster]

Originally posted by: Chronoshock
The effect can be achieved by creating a new frame or window element the size of the browser and set the z-index style element to a number higher than all other elements (most sites don't even use z-index so setting it to like 5 is probably fine).
If you want it to be transparent, set the alpha style element to the desired value.
This new element should have focus and prevent things from being clicked. If you want anything to be on top (like a log-off dialog) just set the z-index of that element to something higher

:thumbsup:

 

[cubby1223]

The free ScriptX plugin for IE allows you to use a modal window, where you open a pop-up window, and the main page is completely inactive until the pop-up is closed. ScriptX can be downloaded from:
http://www.meadco.com

Working with the z-index on the other hand can be tricky, as IE & Mozilla handle them differently. Also, in IE, certain elements, like <select> boxes for one, do not follow the z-index rules and always sit on top of all other elements - which too will be a pain to work if you go that route.


EDIT - just searching around, looks like IE & Mozilla might have built-in support for modal windows without a plugin, if this is ultimately what you're trying to do.

 

[l6873]

Originally posted by: Chronoshock
The effect can be achieved by creating a new frame or window element the size of the browser and set the z-index style element to a number higher than all other elements (most sites don't even use z-index so setting it to like 5 is probably fine).
If you want it to be transparent, set the alpha style element to the desired value.
This new element should have focus and prevent things from being clicked. If you want anything to be on top (like a log-off dialog) just set the z-index of that element to something higher

Won't the new element with the higher z-index inherit the opacity of the background?

 

[l6873]

Never mind, I've solved it a bit differently. Thanks for the inspiration.