Forms
ProtoFormClass
Filed in Forms - over 3 years ago
ProtoFormClass is a Prototype class that allows you to very easily validate the forms fields and send data in ajax: you can view the source code here. I have rewritten the code of the old script to make it more object-oriented greatly simplifying deployment.
LiveValidation
Filed in Forms - over 3 years ago
LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms. Secondly, it provides your visitors with real-time validation information as they fill out forms, helping them to get it right first time, making the forms easier, quicker and less daunting to complete.
Validator
Filed in Forms - over 3 years ago
A simple prototype/scriptaculous based form validator. Just add title="something" to the input you want to validate. "something" is any string defined in the file validator_rules.js which for now can be "required", "numeric". etc
AJAX In Place Rich Editor
Filed in Ajax, Data, Forms - over 3 years ago
In Place Rich Editor provides a really easy way to implement an in place AJAX-powered editor using WYSIWYG
ModalBox
Filed in Forms, Windows & Overlays - over 3 years ago
ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It’s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing larger versions of images.
Rich Text Editor
Filed in Forms, Extensions - over 3 years ago
This is a rich text editing control that I created after being frustrated with the existing selection out there. I couldn't find an editor that:
1. Could be easily created and destroyed dynamically
2. Didn't suffer from feature-bloat
3. Looked good
Control.ProgressBar
Filed in Animation & Effects, Forms - over 3 years ago
Control.ProgressBar is a percentage based progress bar that can be set to grow in one of three ways: on a timed interval, when events in your application tell it to, or it can be set to poll a given URL. The mechanism for action is simple, just create a div with relative or absolute positioning, attach the JavaScript, and this control will set the width of the inner element as necessary.
Control.SelectMultiple
Filed in Forms - over 3 years ago
This control uses a combination of a standard select input, and a collection of checkbox inputs to create an alternative to the standard select multiple control. It's primary benefit besides a vastly improved experience for selecting multiple items is that for single item selection, it behaves like a normal select input.
Control.TextArea
Filed in Forms, User Interface, Utilities - over 3 years ago
WYSIWYG editing in the browser is still difficult to integrate or extend, and generated markup is often suspect. In the meantime a crop of text formatting languages such as Markdown, Textile, BBCode and wiki markup have emerged as ways for users to enter rich content in a controlled enviornment.
Date / Time Picker
Filed in Forms, Utilities, Widgets - over 3 years ago
A date picker control. To open the calendar, click the icon at the right side of the input box. While open, you can use keyboard controls to navigate the datepicker.
