Solved

Login Popup Box

Posted on 2010-11-10
2
333 Views
Last Modified: 2012-06-27
Hello Experts,

I need to create a "popup" type of a box in html/asp, Similarly to when you are logged out from EE and click "Member Login", but center screen.

I know that this done with a DIV but cananyone give me a hand?

Also, is it possible that when this box pops up, it opens animated from the center growing, and is it possible that when activated, elements outside this box are non-active until closed?

thank you all.
0
Comment
Question by:APD_Toronto
2 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 250 total points
ID: 34103208
CSS and HTML alone won't do this.  You'll definitely need the help of Jquery especially to get the animation and pop-up functionality.  You "could" do the pop-up functionality with just CSS/HTML, however Jquery is much better and more reliable in the long run.

This should fit you perfectly.  I actually just used this on a project and it worked perfectly.

http://www.queness.com/post/77/simple-jquery-modal-window-tutorial

The demo is here: http://www.queness.com/resources/html/modal/jquery-modal-window.html
0
 
LVL 4

Assisted Solution

by:Slim81
Slim81 earned 250 total points
ID: 34113467
I agree with LZ1.

I have used an older jquery solution called thick box, found here: http://jquery.com/demo/thickbox/

It was easy to implement and there are some options and great explanations on how to use the feature.  It supports multiple "boxes" on a page.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now