Source: http://speckyboy.com/2008/04/01/top-10-javascript-frameworks-which-do-you-prefer/

1. script.aculo.us (http://script.aculo.us/)

URL: http://script.aculo.us/.
Blog: n/a.
Documentation: http://wiki.script.aculo.us/.
Note: script.aculo.us is not a Framework by its self but it is an addon for Prototype.

“script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.”

2. Prototype (http://www.prototypejs.org/)

URL: http://www.prototypejs.org/.
Blog: http://www.prototypejs.org/blog.
Documentation: http://www.prototypejs.org/learn.

“Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.”

3. Moo Tools (http://www.mootools.net/)

URL: http://www.mootools.net/.
Blog: http://blog.mootools.net/.
Documentation: http://docs.mootools.net/.
Demos:http://demos.mootools.net/.

“MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.”

4. jQuery (http://jquery.com/)

URL: http://jquery.com/.
Blog: http://jquery.com/blog/.
Documentation: http://docs.jquery.com/.

“jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript”.

5. MochiKit (http://www.mochikit.com/)

URL: http://www.mochikit.com/.
Blog: http://www.mochikit.com/blog.html.
Documentation: http://www.mochikit.com/doc/html/MochiKit/index.html.
Demos:http://www.mochikit.com/demos.html.

“MochiKit - makes JavaScript suck a bit less”.

6. Rialto (http://rialto.improve-technologies.com/wiki/)

URL: http://rialto.improve-technologies.com/wiki/.
Blog: n/a
Documentation: http://rialto.improve-technologies.com/js/doc/.
Demos:http://rialto.improve-technologies.com/rialto/.

“Rialto (Rich Internet Application Toolkit) is ajax-based cross browser javascript widgets library”.

7. Dojo Toolkit (http://dojotoolkit.org)

URL: http://dojotoolkit.org/about.
Blog: http://dojotoolkit.org/blog.
Documentation: http://dojotoolkit.org/docs.
Demos:http://dojotoolkit.org/demos.

“Dojo is an Open Source DHTML toolkit written in JavaScript. Dojo aims to solve some long-standing historical problems with DHTML which prevented mass adoption of dynamic web application development”.

8. Spry Framework (http://labs.adobe.com/technologies/spry/)

URL: http://labs.adobe.com/technologies/spry/.
Blog: n/a.
Documentation: http://www.adobe.com/go/labs_gnav_wiki.
Demos:http://www.adobe.com/go/labs_gnav_showcase.

“The Spry framework for Ajax is a JavaScript library that provides easy-to-use yet powerful Ajax functionality that allows designers to build pages that provide a richer experience for their users. It is designed to take the complexity out of Ajax and allow designers to easily create Web 2.0 pages”.

9. ASP.NET Ajax Framework (http://asp.net/ajax/)

URL: http://asp.net/ajax/.
Blog: n/a.
Documentation: http://asp.net/ajax/documentation/.
Demos:http://asp.net/ajax/showcase/.

“ASP.NET AJAX is a free framework for quickly creating efficient and interactive Web applications that work across all popular browsers”.

10. Cean Ajax Framework (http://sourceforge.net/projects/clean-ajax/)

URL: http://sourceforge.net/projects/clean-ajax/.
Blog: n/a.
Documentation: http://sourceforge.net/docman/?group_id=145307.

“Easy to use AJAX framework that provides message queue, XSLT, XPath, encryption (SHA1, MD5), web service access (SOAP, XMLRPC), JSON-RPC, cross browser AJAX, AJAX history and cache control”.

Create a ‘Contact Us’ Form

[Using Drupal 5 or above? If so this HOW TO doesn't apply; instead check out Create a 'Contact Us' Form using the built-in Drupal 5 Contact Module .]

Note: don’t worry about the length of this HOW TO, it’s actually more difficult to read it than to do it! It should only take you about 10 minutes.

Step 1: Ensure that BOTH the forms and survey modules are enabled.

Why? Because a contact us form is a specific type of survey and the survey module uses the forms modules since all surveys are forms.

1. Login
2. Click on ‘administer’ on the left hand side
3. Click on ‘modules’
4. Enable both the forms and survey modules by clicking the the boxes next to each and clicking ‘Save configuration’.
5. Check the permissions so that ‘anonymous’ users and other roles can submit surveys. Click ‘administer’ then ‘users’, then the ‘configure’ tab’, then the ‘permissions’ sub-tab. Check the boxes in the “submit surveys” row for each role you want to contact you, which will probably be all of them, including the anonymous users role.

Step 2: Create the Contact Us form

1. Click on ‘create content’
2. Click on ’survey’
3. Enter a title which will be something like ‘Contact us’ surprisingly enough
4. Add a meaningful ‘ Path alias‘ so that your Contact Us form is at a meaningful URL e.g. if you want it to be at yourdomain.com/contact add a Path alias of contact
5. Add some “Intro text:’. For a Contact Us form, this will typically be your email address and phone number in case people don’t want to use the form and want to contact you directly. e.g. “We at Acme Foobars inc. love to hear from foobar users. Email us support@acmefoobars.com or call us at +1 555 1212. Alternatively, fill out the following fields to get in touch — we’d love to hear from you!”
6. Under “Email address:”, enter your email address. This is OPTIONAL but unless you like manually checking whether people have contacted you, it’s best to put an email address so you get automatically notified when people contact you.
7. Click on “Preview”. You will just see your intro text and NOT the Contact Us form.
8. If you are happy with the intro text, “Click on Submit” otherwise revise the info appropriately and go back to Step 7.

Step 3: Add the fields you want to the Contact Us form

Typically these fields will be, ‘Name’, ‘Email’, ‘Subject’, and ‘Comments or Questions’ for a Contact Us form. But of course you can and should add in your own custom fields (e.g. membership number) as appropriate. Repeat the following 7 step process for each of the Name, Email, Subject and Comments or Questions fields and any custom fields you wish to add.

The 7 Step process for adding a field

1. Click on the ‘form’ tab
2. Click on ‘add field’
3. Select the “Type:. For Name, Email and Subject this will be a ‘textfield’, since these fields are all single line text fields. For Comments or Questions, this will be ‘textarea’ since this field will be a multiple lines which is what text areas are
4. Select a Weight to make the field appear where you want it. Weight is a number from -5 to 5 which defines the order in which form fields are shown. Ligher fields “float up” towards the top of a form. For a Contact Us Form, you want Name to be on top followed by Email, followed by Subject and Comments or Questions One possible scheme would be to have Name as -5 , Email as -3, followed by Subject as -1 with Comments or Questions being 1 (I usually leave a gap of 1 between fields to allow me in to insert fields easily at a future date).
5. Make sure ‘Required Field’ is checked appropriately. This is up to you of course, but for a Contact Us form, usually Name, Email and Subject are required fields and Comments or Questions are not required.
6. Set ‘Validation function:’ appropriately. For Name, Subject and Comments or Questions, set it to ‘—’, and for Email set it to ‘email address’ so the system will validate that the user actually entered an email address.
7. Click on Save Field

Step 4: Add it to your site

Usually, your Contact Us Form will appear as a link in your main navigation since you want it to be accessible from everywhere and it’s a primary function of your site. To do this, follow the How to Edit Your Primary Navigation like so:

1. For link text, enter Contact or Contact Us or whatever you think is appropriate.
2. For url, enter contact or whatever Path alias you entered in Step 2.

Step 5: Test your Contact Us Form

1. Surf to the URL you set up for your Contact Us form in Step 2 e.g. yourdomain.com/contact
2. Fill in the form
3. Click on Submit and follow the procedure in Step 6 and verify that your information was collected successfully.

Step 6: Collect the results as they come in

1. You can do this in two ways: You will receive the email in the account you filled in Step 2 OR
2. You can also surf to the URL of the form you set up in Step 2 e.g. yourdomain.com/contact and click on the ‘responses’ tab (of course you need to be logged in to see this tab!). Then click on view to see the response you want to view.

Step 7: You are done, take a break!

Do a little dance, have a coffee, eat some mohnkuchen, do whatever works for you!