Heyo. This is going to be the first of 4 tutorials on making a jQuery powered AJAX login system with a PHP backend. The series of tutorials will go like so.
- Plan, code the form (This tutorial)
- Code the PHP backend, make it work
- Code the AJAX, implement it.
- Tidy it up, make it look snazzy
Ok then. So we will have a forum with 2 inputs; username and password. The user will enter the details and we’ll use PHP to authenticate them. If its true, we can set a cookie or echo some text. We will then implement jQuery’s AJAX and make the whole thing seemless. Some nice little fades will be added at the end.
So, the form. Its a plain and simple HTML form. Nothing special about it.
Thats all for now. Next lesson we will code the PHP and “make it work“.
Hey guys, just thought i’d post a little interim post (as such). Im in the process of making a 4 part tutorial series on using jQuery’s AJAX. Its a “case study” where i/we will make a basic login form with a PHP backend and then use jQuery to make the login seemless. Eg. you put your username/password in the form and click the login button the page doesn’t reload but it will tell you whether its the correct user/pass , in which case a cookie is set, or if its bad info.
It might take a little while to finish up so i might not be posting much over the next week (sorry) but it will be worth it in the end.
This post is in reference to the jquery drop down menu tutorial .
Someone emailed me asking if the menu could truely slide in , vertically, not how it is now with the slide on a slight angle ( using jquery’s show / hide ). Its very easy to alter the existing code to make it truely slide.
Instead of using jQuery’s show and hide functions, we just use slideDown and slideUp in replace of them. So the jQuery looks like this..
$(document).ready(function(){
$("#drop_down").hide();
$("#drop_down").animate({
opacity:0.5
});
$("a:contains('Google')").click(function() {
$("#drop_down").slideDown("slow");
});
$("#drop_down").mouseout(function(){
$(this).slideUp("slow");
});
});
Demo file
This video tutorial shows how to make a basic slide in/drop down menu using jQuery. The menu itself stylishly slides in and has transparencies so you can view data behind it.
Sorry for the low sound, i was trying something different with my microphone.
Demo File
Invision Power Services have announced the development of Invision Power Board 3.0. They promise a new
Features Include
- Template engine
- Search engine friendly URLS (I presume /forumname/topicname rather than ?fid=493&tid=98 )
- New BB Code system
- More Administrator controls (Picky options i’d image - turning signatures off in specific forums etc..)
- Reputation System (Finally catching up with vBulletin
)
- Enhanced permission and moderator systems.
They say they are adding more integration tools, so you can integrate it with your existing website, or adleast provide some easier integration tools; it will also have tighter integration with other IPS products such as the blog, gallery.
Its interesting to see that they are dropping support for Oracle. They boast about having so many big business clients, i’d presume they all run Oracle, and yet are dropping support for it. Mayby they are turning back into a community board rather than a business board?
I’d be interested to hear your thoughts on that.
Im a big Fan of PHP and one day i wanted to make a desktop application that could pull down posts and private messages from one of my forums. I didn’t want to learn a whole new language, just code the small application so i dismissed C, and looked at Python. I saw there was PyGTK, saw i wondered if there were PHP-GTK, which indeed there is.
I bought Scott Mattock’s PHP-GTK 2 book (Only to learn later that it was based on one of the early alphas) and dove straight in. Installation wasn’t hard, and i could get started straight away. I learned the hello world example first, and here it is..
So far you should have read/watched:
So you know the very basics of jQuery, and multiple ways to select the HTML element that you want to manipulate. In this tutorial i’ll show you how to manipulate that element after you have selected it; changing the contents, changing the HTML and getting values. I won’t be showing you slides/effects , that’ll be in a tutorial coming up.
I will be using the HTML example from the selectors tutorial, and ill only be calling on cells by using their id - im focusing on the manipulation rather than the selecting. Anywho, lets get into it. First the HTML code we’ll be manipulating.
Ok, say we want to change the text value of a column. We can do this using text() . Take note that text does not parse HTML, it keeps it as plain text.
$("#3").text("wowow");
This changes the value of the #3 td to wowow
What if we wanted to put some HTML in their, mayby make some text bold? We use the html function, very much alike the text function except that it parses the HTML. So the text “cool this is bold” is bolded.
$("#2").html("cool this is bold");
Lets say we…
Its that time again… The wordpress developers just released a patch/update. Wordpress 2.5.1. It contains one neccesary security vulnerability update and a number of performance enhancements. Since there was nothing wrong with the blog, i opted to download the 3 files that had the security vulnerability in them, and just overwrite my current files with those.. I did that and i got error messages in my admin CP.
So i downloaded the full version of wordpress 2.5.1 and uploaded it over my current installation, but keeping important directories like my plugins, themes and config.php . I uploaded that .. and it still didn’t work. I could view the blog, but i couldn’t do anything in the admin CP. It seemed the WYSIWYG editor, TinyMCE, had errored out on a javascript. It basically froze firefox when i was viewing the post editting interface. Whats more i could not publish or save them because my buttons wouldn’t click. I redownloaded the wordpress 2.5.1 and again, uploaded over my current files. Finally it works.. sort of. I can edit, and publish posts. But i can’t edit or add categories, my post buttons keep flashing (see video below) and the visual editor is really, really laggy.…
Every been linked to one of those pages? You know, the ones you can’t escape.. Javascript boxes start popping out of nowhere and then you hear him.. Rick Astley.. telling you how he’s feeling about you.. You’ve been Rick Rolled.
Rick Rolling has taken off as late and links are popping up all over forums, websites and IRC. What links? You say. These links. . On top of tricking your friends.. or blog viewers .. to click this link there have been some “live rick rollings”.
Ever been rickrolled yourself? Or got a really good one on somebody? Share it here.
Dropbox is the next big thing. Its an application that lets you sync multiple computers. For example if you have a laptop and a Desktop and want to keep some files across the two machines synchronized then this is the tool for you. The great thing is that its multiple Operating System compatible. There are currently clients for Windows and Mac and a linux client is in Alpha (They promise to release it). Ill leave the rest of the explaining to the video below…
When they do a full release there will be two types of accounts, premium and free. The free accounts will get 1gb of space each, premium is as of yet undecided. At the moment they are beta testing. Beta accounts get 2gb of space and will be kept free forever.
You can sign up on the getdropbox.com website to try and get a beta account but they take along time and sometimes you aren’t accepted. Im offering dropbox invites.. for free. Once i sent the invite email your account will get activated straight away! Thats a 2gb account for ever!
*Beta accounts used to be 5gb, but are now 2gb. If your 2gb is getting full you ask the…
