Increasing your webpage usability is not that easy, you have to consider a lot of things. One of the necessary element is to be able the user to easily back to the top most of the page especially when the content is long enough. This plugin will add an elegant scroll top effect and functionality to you page in just a few line of JavaScript.

2. jQuery topLink Plugin by David Walsh Blog

Last week I released a snippet of code for MooTools that allowed you to fade in and out a “to the top” link on any page. Here’s how to implement that functionality using jQuery.

3. Disappearing “Scroll to top” link with jQuery and CSS

Seen in many forms, such as “Back to top,” “Top of page,” or “Scroll to top,” these links provide a way for users to jump to the top of the page, back to navigation and other handy stuff.

This tutorial will help you build a scroll to top link, or whatever you call it, that appears when the user scrolls down, and disappears when users reach the top of the page using a combination of CSS and jQuery (a free javascript framework). You’ll need to download jQuery if you aren’t using it already.

4. UItoTop jQuery Plugin

Inspired by the great idea of David Walsh’s jQuery topLink Plugin, I made a similar plugin but with two key differences, this one does not require you to add extra html markup or extra plugins to function. It will only work when JavaScript is turned on ( on purpose ), It’s easy to setup with only one line of code, and it works cross-browser nicely ( Tested: IE6-8, FF, Safari ). Optionally it can benefit from the jQuery Easing plugin with a different easing animation for the page scrolling.

5. jQuery Scroll to Top Control v1.1

If your pages are long winded, it’s a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. That’s where this script comes in. It displays a stationary control at the lower right corner of the window that when clicked on gently scrolls the page back up to the top. And instead of always being visible on the user’s screen, the script lets you specify how far down the page the user is at (in pixels) before revealing the control. Nifty!

6. Scroll To Top Plugin [WP Plugin]

Scroll to top is a button that hovers in the bottom right corner of your screen that allow users to smoothly scroll right to the top of page, making a website more user friendly.

The post 6 Scroll to Top jQuery Plugins & Tutorials appeared first on ENFEW.

In this post,I’ll show you how to make a fancy username availability checking in ajax and php using jquery.When, you check the the username avaiability a fancy message box will show you the message with a little bit of animation. If you are looking for such kind of effect for checking username availability, then this might be right post for you.

2. AJAX Username Availability Checker Using MooTools 1.2 by DavidWalsh

This post has been updated: Using jQuery or MooTools For Drag, Drop, Sort, Save. The code on this page is no longer best practice.

There a many examples of egregious usages of AJAX out there but every once in a while you find a great usage of AJAX. One great usage is the username availability checker. Why make the user submit their form if you can just use AJAX to let them know if it’s available right away? Here’s how you can implement a username available checker using MooTools 1.2.

3. An AJAX (jQuery) Username Availability Checker with PHP Back-end by bitrepository

Did you notice how many sites have a verification tool for the ‘username’ field when you try to register? Many use the power of AJAX to check if the nickname has already been assigned to an existing member. This short tutorial gives you an idea of how you can make such a feature in the pages of your website. We’ll use JavaScript (JQuery) and PHP.

4. ASP.NET AJAX username availability check

When you have a name as common as mine, you run across the entire gamut of schemes to deal with username availability in membership systems. By availability, of course I mean denial and rejection. Out of all of the ways that I’ve had “Dave” rejected, inline AJAX verification is definitely the least annoying. Wanting to be less-annoying myself, I’ve added the same functionality to my ASP.NET AJAX sites. Let me show you how I did it.

5. Check Username Availability with ASP.NET AJAX

Here is a little trick you can use to spice up your asp.net registration pages. I will use ASP.NET AJAX to inform the user whether the username they have entered is available. Rather than use the UpdatePanel, I will slim down the amount of data going over the wire for each ajax request. I will accomplish this using the PageMethods feature.

This tutorial assumes that you have a working knowledge of how to start an ASP.NET AJAX web application, drop a script manager control onto your form, and use the CreateUser wizard control, or another method of registering users. A little JavaScript knowledge will help too.

6. Using ASP and AJAX to check availability of a username

In this example, I’m showcasing how we can use ASP and AJAX to check for whether a username exists before a user completes a website registration form. When registering to join a community website, such as www.digg.com, users must typically choose a username or handle. Normally such usernames must be unique to the community, and because of this new users often run into the problem of choosing a name that is already in use. A couple common results occur on a typical registration form when a user submits his data:

7. Check username availability and validation using ajax,php

So you are creating a signup form and you want to create a fancy looking username validation Ajax script. I know that looks fancy when you signup for Gmail or Yahoo mailbox, instead these kind of validation are now on every signup form.

The post 7 Tutorials On ‘How To Check Username Availability In Ajax with Php & Asp’ appeared first on ENFEW.

The jQuery UI Sortable plugin makes selected elements sortable by dragging with the mouse.

2. jQuery UI Sortable Tutorial

Here’s a simple tutorial showing how to use jQuery UI’s sortable plugin to update a database table’s sort order field on the fly using ajax.

3. Tablesorter – Flexible client-side table sorting

tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including:

• Multi-column sorting
• Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
• Support secondary “hidden” sorting (e.g., maintain alphabetical sort when sorting on other criteria)
• Extensibility via widget system
• Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
• Small code size

4. Explaining jQuery sortable

Sortable lists are a flexible way to let your visitors customize a webapp and can be used in numerous ways. They are a design component that should be in your developer’s toolkit.

Next time we are serializing our sortable list and sending it over to the PHP back-end using ajax.

5.  Using jQuery or MooTools For Drag, Drop, Sort, Save By David Walsh

This table shows only the important fields per this functionality: ID, Title, and Sort Order. Your table will likely have many more columns.

6. Sortable lists with JQuery in Rails

Drag ‘n Drop sortable lists are a great way to provide a UI for sorting, well, lists of things. Most Rails examples out in the wild use prototype/scriptaculous and the built in Rails javascript helpers. In this walkthrough we’ll provide the same functionality using JQuery instead. We will not be using the built in Rails javascript helper. Instead we’ll write Unobstrusive Javascript using JQuery.

7. jQuery UI Sortable with TABLE

Drag and drop sorting on a web application? This thought is so far fetched several years ago – and now everybody is or can do that easily with jQuery. Looking at the tutorials and documentation in jQuery’s website, it lays out a simple method to call to make our list to become sortable.

8.  sorttable: Make all your tables sortable

While the web design community gradually moves away from using tables to lay out the structure of a page, tables really do have a vital use, their original use; they’re for laying out tabular data.

9. Sortable Lists Using jQuery UI

Unordered lists have a number of useful applications. They are commonly used to structure a site’s navigation. I have found, in a number of web applications, that the ability to reorder (sort) such lists would be extremely useful. So, how can this be achieved?

10. jQuery UI sortable with Ajax

I just finished a session of intense jQuery hacking and here are some notes with regards to an interface making use of jQuery UI.

The post 10 jQuery UI Sortable Tutorials & Plugins That Will Explain Everything You Need To Know appeared first on ENFEW.