• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Locked pop-up windows

 
Rob Hunter
Ranch Hand
Posts: 832
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
On alot of sites nowadays you see windows popping up on top of forms asking for a username and password or such. When these locked windows popup everything on the page greys out and you can't type anything in on the background fields. Any idea what is used to achieve this? Would this normally be an applet or is it likely HTML/Javascript/CSS? If you go to www.monster.com and try and look at a resume it prompts you for username and password. The same effect is what I'm looking for. Any help would be appreciated. Thanks.

Rob
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 65129
92
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
It's all just HTML and JavaScript. That's simply a block element with a high z-index. The grayed out background is achieved by creating a block element that covers the window with an opacity value.


 
Rob Hunter
Ranch Hand
Posts: 832
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Thanks Bear. I thought that the greyed out effect was accomplished by disabling a div container or something and I also thought it may have involved an applet. Thanks for the info.
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 65129
92
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
No applets needed.

If you want to see an example, check out http://www.bibeault.org/blackbox/. (Uses jQuery, naturally.)
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
There are a bunch of scripts out there. Google: lightbox or thickbox

Eric
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic