Forms scripts

TwitterFacebook
Get flash to fully experience Pearltrees

Sigma Ajax Grid -- Ajax editable data grid - DHTML grid control with flexibility and user API.

Written in pure javascript, Sigma grid is an open source AJAX data grid for displaying and inline editing data in a scrollable and sortable table. It is very powerful yet easy to use & integrate with php, asp.net, jsp and RoR. sigma ajax grid master / details sample screenshot http://www.sigmawidgets.com/products/sigma_grid2/

HTML Table Filter Generator script by Max Guglielmi | Demos

In this page you will find a collection of advanced demos showing most of the script's behaviours and features. Instructions: filter Description and Properties columns to find desired demo and double-click on a row to open it in a popup window or new tab. Behaviours Themes Data types Programmability Operations Extensions All Loading... http://tablefilter.free.fr/demos.php
http://simsalabim.github.com/sisyphus/?name=Irkk&description=Okkro+kok&country=England&fruit%5B%5D=Orange&fruit%5B%5D=Peach&color=Blue Imagine you're filling a complex form on site, or typing effervescent and extensive comment. And when you're almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh? With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It's lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost. And Sisyphus is easy to use and needs you just to select forms to protect:

simsalabim.github

In this tutorial, we will go through the steps to setting up an AJAX form, which will return a JSON response used to display success/error messages. We will be using jQuery and jQuery Form Plugin to make this entire process . http://www.tutorialswitch.com/web-development/quick-and-simple-ajax-forms-with-json-responses/

How To Build Quick and Simple AJAX Forms with JSON Responses | TutorialSwitch

Here you will see LiveValidation in action, and the code that makes it all happen, to serve as examples of its capabilities and as tutorials to get you started. IMPORTANT - As you probably already know, relying on client-side validation alone is a very bad idea. Always perform appropriate server-side validation as well. http://livevalidation.com/examples

Live Validation - Examples

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

Submit A Form Without Page Refresh using jQuery

Previously on Nettuts+, Philo showed how you can use jQuery to add form validation to wordpress comments that works without any page reload. Another great way of utlizing jQuery to enhance user experience is to not just validate, but to submit your form entirely without a page refresh. In this tutorial I’ll show you how easy it is to do just that — submit a contact form that sends an email, without page refresh using jQuery! (The actual email is sent with a php script that processes in the background). Let’s get started. What We’re Building

jQuery Form Plugin

The following code controls the HTML form beneath it. It uses ajaxForm to bind the form and demonstrates how to use pre- and post-submit callbacks. AJAX response will replace this content. The following code controls the HTML form beneath it. It uses ajaxSubmit to submit the form. This page gives several examples of how form data can be validated before it is sent to the server. http://jquery.malsup.com/form/#getting-started

Beautiful And Consistent Web Forms With Javascript Plugins

http://favbulous.com/post/639/beautiful-and-consistent-web-forms-with-javascript-plugins Web form is an important component in web development, all web designers would encounter it in their career. As we all know it, all the browsers render form elements differently and most of the time, the design and the working version are greatly different in its appearance. In order to eliminate those differences, web developers will have to develop theirs own script to re-skin all the form elements. To develop it from ground zero it will take heaps of development times, let alone testing it on different browsers.

Design patterns, des librairies pour la conception d’interface

Les sont des schémas de conception, c'est-à-dire des modèles d'interface répondant à des cas typiques d'interaction. Les design patterns permettent d'avancer rapidement lors de la conception en fournissant des gabarits qu'il suffit d'adapter et d'assembler pour construire l'interface. Notre dernière liste de librairies et sa mise à jour commençaient à dater un peu, voici une nouvelle mise à jour plus complète. Au menu de cet article : des librairies de patterns pour trouver des solutions ergonomiques ( ici ), des galeries de patterns pour s'inspirer ( ici ), et des librairies interactives pour se faire une idée ( ici ). Les librairies de patterns Les librairies ont l'avantage non seulement de proposer de nombreux patterns, mais surtout d'en expliquer l'usage. http://www.ergonomie-interface.com/ressources-informations-ouvrages-outils/design-patterns-librairies-conception/