background preloader

Making A Cool Login System With PHP, MySQL & jQuery

Making A Cool Login System With PHP, MySQL & jQuery
Martin Angelov Introduction Today we are making a cool & simple login / registration system. It will give you the ability to easily create a member-only area on your site and provide an easy registration process. It is going to be PHP driven and store all the registrations into a MySQL database. To add the needed flair, we are using the amazing sliding jQuery panel, developed by Web-kreation. Step 1 – MySQL First we have to create the table that will hold all the registrations. table.sql CREATE TABLE `tz_members` ( `id` int(11) NOT NULL auto_increment, `usr` varchar(32) collate utf8_unicode_ci NOT NULL default '', `pass` varchar(32) collate utf8_unicode_ci NOT NULL default '', `email` varchar(255) collate utf8_unicode_ci NOT NULL default '', `regIP` varchar(15) collate utf8_unicode_ci NOT NULL default '', `dt` datetime NOT NULL default '0000-00-00 00:00:00', PRIMARY KEY (`id`), UNIQUE KEY `usr` (`usr`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; Step 2 – XHTML demo.php demo.css

Related:  JQueryJQuery

A jQuery inline form validation, because validation is a mess « When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. proxy Description: Takes a function and returns a new one that will always have a particular context. This method is most useful for attaching event handlers to an element where the context is pointing back to a different object. Additionally, jQuery makes sure that even if you bind the function returned from jQuery.proxy() it will still unbind the correct function if passed the original.

CSS Templates ( Page 8 of 15 ) - Free CSS Templates CSS Templates Welcome to Free CSS Templates Website! Find here a never before seen collection of free CSS Templates, one of the biggest in the entire web! All these CSS templates are: 1. Table free in its design (no tables have been used for layout purposes). 2. The templates are light weight, so that it won’t take too long to load. 3. Google Plus: Tips, tricks & how-to's Google Plus is another social network where you post status updates and share photos, just like Facebook — or is it? Actually, Google's latest project combines multiple services that make it more flexible and customizable than its competitors; for example, users can control exactly how their information is shared with features like "Circles," which separate contacts into distinct groups like friends, family and co-workers. While it's currently open to invited users only, it will soon be available to everyone. Described by Google as "real life sharing, re-thought for the web," Google+ makes it easy to tailor your online communication to your own needs and preferences.

Simple HTML Login Form - HowtoForge Forums Ok, there are two things I really don't like about ISPConfig. One, there are a lot of passwords and usernames for each user to remeber. Two, there is a lack of remoting (can't wait for them to release the remoting plugin!! A Colorful Clock With CSS & jQuery Martin Angelov The first wave of Christmas holidays passed and we are looking forward to New Year’s Eve for a fresh start at all those things we failed to do the last 12 months. And in the mood of the upcoming holiday, this week we are going to make a colorful jQuery & CSS clock, which will help you keep track of those precious last seconds of the year.

Hidden jQuery Drop Down Menu for Minimalist Design When I work for my clients, I always try to figure out the best way to organize content and hide elements that doesn’t require immediate action to clean up the page a little bit while making sure to give the best user experience. A while ago, I started to sketch a few menus in my notebook. I wanted a menu that would be minimalist – almost invisible – but still accessible, some kind of button or maybe a link that would open the menu. I started to think where would be the best place to put it.

Merge PDF Documents Easily and for Free Using How to merge PDF files? Simply upload the PDF files, order them as you want in the final output and click Merge PDF. Need help or want to learn more? Read our detailed instructions or contact us via Combine PDFs anywhere PHP tutorial: Creating my first PHP file In this page we will add PHP scripting languaje codes to our regular HTML page, we will learn how to write texts and how to concatenete them and write some special characters, and we will start using variables. In our fisrt step to learn PHP scripting languaje we will modify a regular HTML page and we will add to it PHP commads. Bellow we will find a regular HTML page: To create a PHP page using the page above as our model, the first important action is to rename our file.

30+Beautiful jQuery Menu Navigation - jQuery Menu In this showcasing, we have pick up beautiful jquery menu navigation plugins and tutorials that you can also download free. In fact, menu is useful navigation link that you will see on every websites, it is an important part of website to show visitor about your website purpose and also easy for user to find information on the website. All those jquery plugin menu types such as jquery slide menu, jquery vertical menu, jquery menu dropdown, jquery context menu, jquery sliding menu, jquery tree menu, jquery menu button, jquery top menu, jquery menus, jquery menu bar, jquery floating menu, jquery accordion menu, jquery horizontal menu, jquery expanding menu, jquery hover menu, jquery popup menu…etc. You may like this post: jQuery Mouseover Effects 3-Level Responsive Drop Down Navigation Menu with jQuery CSS3

Beautiful Background Image Navigation with jQuery In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in […] 10 useful .htaccess snippets to have in your toolbox .htaccess, the file which control the Apache webserver, is very useful and allows you to do a lot of things. In this article, I have compiled 10 .htaccess snippets that any web developer should have in his toolbox. Before editing your .htaccess file, always make a backup so you can restore it if needed. Remove www in url

How to use PHP in HTML pages PHP is an HTML-embedded server-side scripting language. Much of its syntax is borrowed from C, Java and Perl with a couple of unique PHP-specific features thrown in. The goal of the language is to allow web developers to write dynamically generated pages quickly. NTC Hosting offers its clients high quality PHP and HTML hosting services. Our servers are configured so as to ensure maximum performance for both your HTML and PHP-based applications and the non-interruptible functioning of your websites.

Unfortunately this now will no longer work as it would need to be modified to use MySQLi instead of MySQL. At this time the page will show the error message stating the following: Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO While haven't tried it yet, there is an alternative using MySQLi that could work. Visit this page and read how to add it to your site: by tfbkny Jan 27

Related:  technos webscript ajaxhtml5tutorials & guides