...

View Full Version : how to accomplish this?



paulweb
05-21-2007, 07:30 PM
Im unsure if this is even CSS based,

but i want to re-create the ability seen on this site:
http://www.componentart.com/

when a user clicks "My Account" and the login box comes up in the screen and the entire website gets "dimmed" and unable to have any interaction.

any ideas?

VIPStephan
05-21-2007, 08:19 PM
This ainít CSS, thatís some advanced JavaScript. At the most, CSS is used to style the sign in box (but I doubt so).
View the source code to see how theyíve used it.

_Aerospace_Eng_
05-21-2007, 08:26 PM
Its a div styled using CSS. Its hidden on page load and brought into view when you click on that link. Inside of the div is an iframe that contains the actual login form. You can use something like thickbox (http://jquery.com/demo/thickbox/) to accomplish something similar.

smkied
05-21-2007, 09:13 PM
It looks like the site uses a variation of the "ThickBox" script, found here:

http://jquery.com/demo/thickbox/

That's all you should need. Good luck!

paulweb
05-21-2007, 11:10 PM
txs for help all.

if anyone is interested the below link will show you how to accomplish this:
http://dynamicdrive.com/dynamicindex8/dhtmlwindow/dhtmlmodal.htm

it is javascript, its called a modal window, and the above link has several examples of how to use this technique.

bustamelon
05-22-2007, 04:08 PM
Don't use that site as your model!
I tried to get the login and it came up UNDERNEATH the main flash thingy. On firefox/linux. If I wanted to, I would be unable to log in.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum