how to show a small login box on click of anchor tag and background should be not disable

Question

0.00/5 (No votes)

See more:

i have an anchor tag

HTML

<a href="#"> Sign in</a>

this is in header and i want that when i click on this sign in link a box open and user can login from here without going on a another page and during the opening of box back display should not be diable or darl????
how can i do this????

Posted 11-Sep-13 21:07pm

Omprakash Kukana

Updated 11-Sep-13 21:26pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v2

Add a Solution

Comments

Leena 206 12-Sep-13 3:29am

I think u may try something different that as anchor tag will redirect to some another page. you may try mouseover .

Omprakash Kukana 13-Sep-13 2:11am

idnt think that on a signin button on mouse over show a login box i will prefer it on click dear

Leena 206 13-Sep-13 2:45am

even sign in of codeproject is on mouseover. ;)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-09-11T21:38:00

Some months ago, I replicated the Code Project Sign In Box, which opens on Mouse Hover.

Demo - Code Project Sign In Box[^]

You can try something like this on click of Anchor. Logic will be like below...

Keep the Login Box inside a Div and make it display none (hide it).
On Anchor click, call a javaScript function.
In that function, change the display property to Block for the Sign In Div (Show it).