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.
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.
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.
Light box or not, it’s not that very hard to do. I’d go about w/ jquery, ajax, and php.
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.
Create button for login.
<a href="login.php" class="login">Login</a>
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.
Yes alot of people do have older phones that dont support javascript.
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.