Introduction

My plan is to learn to create a clean, tabbed user interface for customers who are logged into a website from which the customer can view their details and update settings. It could therefore be able to be applied to any such admin system. The code will go up on this blog and run on here

Caveat: Bear in mind that I'm going to be making lots of mistakes on the way and need help!! There will be better ways of doing this! I have taken code from a project that a hired coder had been working upon and am trying to apply it to the jQuery templates.

jQuery was chosen as the javascript library for the usability, rise in popularity and support from the developers.

An attempt is made to build upon the templates downloadable from the jQuery website.

The dynamically-loaded tabs provide easy customer navigation and the use of Ajax and Ajax-like behaviour keeps the interface uncluttered. Also, some tabs will display a lot of data, rather than simple forms, and thus the dynamic loading of data into tabs only when they are clicked is needed.

The version of jQuery is v. 1.3.1 and is referenced using the Google API thus:

(using the Google API speeds downloading and also takes advantage of caching on the client computer)

The css and images are obtained using the Themeroller option at:
http://ui.jquery.com/themeroller

Classic ASP was chosen as this is what I know best.

The user details are loaded from the database in one recordset by the use of a UserID in the url. i.e. demo.asp?UI=12345678 This is a large security flaw of course but is used here for clarity.