Moose56 Blog Pictures/code/words of David Madden

CSS & Javascript modal windows

I have been trying to set up a modal window on a web site like the one used by wayfaring.com for a login window.

A little searching turned up a few different implementations an I picked Pj Hyett’s as he was the person to make the wayfaring.com one.

The reason I am blogging about it is that a few people commented on the PJ Hyett blog that they could not get it working so I am posting a zip file of a working example here.

Dear Sir
I’m try to use your http://www.moose56.com/blog_pics/modal_window.zip
It’s work very good but I want to know how can I fade(use alpha or opacity) out side the popup box? as on http://www.wayfaring.com/ login section..

**overlay color doesn’t show in IE6**

and one more question how can it’s work on IE without any block..

Sorry my english language not good.

I will look into it. I thought I had set it up to work in IE, but I will do more testing.

Take a look here.