How to create a popup Login Window using PHP?

Hi There,

First of all, i would like to say that my experience with this forum is really very good.

I want to create a popup Login Window for my website.
You can see one of the example of this here.
oodle.com—> post add button. (At the right top)

Can you please let me know, which functionality they have used to achive this. (Javascript or ajax)
Can i get any readymade *.js or tutorial for same popup window.

Thank you in anticipation.

Use a Lightbox script for this :slight_smile: Not PHP!

You can’t do server side authentication with a lightbox script. You can’t do it client side at all with any kind of script.

You can either use PHP or place the code into .htaccess/.htpasswd files on the server.

See http://php.net/manual/en/features.http-auth.php for the PHP reference page on how to do it with PHP.

You can of course make a form that people can’t find on your page without first clicking a link using JavaScript and perhaps even a lightbox script but since you need a varsion that works without that for the 10% of visitors without JavaScript and since you still need to authenticate the login server side the server side only solution is the better option.

Obviously he (and I for that matter) meant how to get that overlay box :wink: your suggestion comes after that

If you use an AJAX foundation like jQuery or DojoToolkit you can actually authenticate within the lightbox. Both foundations support the lightbox and asynchronous queries. An easier solution may be just to use a drop down login box like Twitter and Digg uses.

I don’t know the specific lightbox technology that Facebook uses, but don’t they do server side communication within the lightbox?

Most of the lightbox varients support AJAX surely the server side authentification can be driven from there.

“ñïàñèáî çà èíôó”

Light box or not, it’s not that very hard to do. I’d go about w/ jquery, ajax, and php.

  1. Create a hidden div on the page anywhere you want, i’d suggest using fix and then some offset of where you want. Write the html form here for login.
  2. Create button for login.

<a href="login.php" class="login">Login</a>
  1. Create Event in Jquery

$('login').click(function(e){
e.preventDefault();  //Stops from following link
//Add ajax form elements here i suggest this plugin http://malsup.com/jquery/form/
});

Now from that point in step 3 you’re going to do some more magic, when the plugin returns from onComplete, validate correctly that the user has logged in then refresh the page, and there you go.

Now for the 10% of your users who should grow up? Well this even never gets bound so they’re taken to login.php.

So you can perform miracles and enable blind people to see can you? if not then in what way is it that you expect them to grow up?

Also how do you propose to perform the miracle of getting the JavaScript to run on devices that don’t have a browser that supports it? Presumably you can perform the miracle of making all those older mobile phones grow up into more modern ones?

There are lots of reasons why people don’t have JavaScript enabled.Some people even have it disabled so as to bypass annoying scripts that hide essential info such as login forms.

Felgall, you make alot of true points:

  1. Yes alot of people do have older phones that dont support javascript.
  2. There are alot of people who have javascript turned off for personal reasons.

But they are neither here nor there, the solution I presented degrades gracefully when javascript isn’t present on the browser as mentioned in my post. As you can see the click that has the javascript event bound to it is an href. Thus if there is no javascript bound to it, the user is taken to the login.php page.

As to your personal questions to me about my views on javascript and what people should do? I’d be more than glad to answer them in a more appropriate venue, private messages.