Projects

jQuery option tree

This jquery plugin converts passed JSON option tree into dynamically created elements allowing you to choose one nested option from the tree. It should be attached to a (most likely hidden) element. It requires an option tree object. Object property names become labels of created select ... [More] elements, each non-leaf node in the tree contains other nodes. Leaf nodes contain one value - it will be inserted into attached element when chosen. [Less]

jqselecta

jqSelecta renders a scrollable tabular view of a HTML element's s. Useful for large data sets (with an arbitrary number of columns, as well as optional select all, select none and invert selection buttons) and also where you'd like the form elements to conform to the UI (i.e. themeroller ... [More] skin). It's non-destructive, in that the underlying form element isn't destroyed - the plugin maintains the state of the underlying select-option, so plain form submission will work and other JS components can access the select-option's state without tight coupling to the jqSelecta plugin. State optionally persisted using cookies, and, in multi-select mode the cancel button reverts to previous selection. For a full list of features/options see the wiki. Notes: This plugin is themeroller compatible as of jQueryUI 1.7 Currently this is quite a new project, i'll happily fix any bugs reported while it's still fresh =) Release 0.3 is now available [Less]

kv-webme

Content Management System designed to be easy to use. plugin architecture, Smarty-based templating, themes repository, very active development community

jQuery hijack

Plugin allows you to make links and forms within a remotely loaded content change only the container they have been loaded in (a tab, dialog or any other kind of widget) in an easy way. This allows you to easily introduce submitting and validating forms in a dialog, page through search results in ... [More] a tab etc. This tiny (1 KB minified) plugin is a great addition and has been tested with jQuery UI widgets and jqModal plugin - several examples are given in the demonstration. The only requirements are jQuery 1.3 and jQuery Form plugin (only if you are using form hijacking). [Less]

easyphpapp

Why EasyPhpAppMany times we need little PHP applications doing the same kind of job : searching, listing, editing records (CRUD = Create Read Update Delete). EasyPhpApp is an answer to help produce scaffold applications. EasyPhpApp is written on top of Zend Framework/PHP components and is ... [More] designed to be easily used by non web developpers and easy to maintain. Main featuresClean but simple MVC approach : the framework uses structured url (routes) to target modules (your application classes) and actions (methods of the classes) Strong but simple security layer : build on top of Zend_Auth and Zend_Acl Can be HTML free : build your presentation only with layouts classes Form supports : file upload, radio buttons, automatic inputs values storage, etc Grid : generic table of records implementation PRG + CRUD Data model support : generate form and list from table or xml WikiQuickStart : quick and dirty HOWTO DataAndLayoutModels : make form and grid from xml definitions Release Noteshttp://code.google.com/p/easyphpapp/source/browse/trunk/easyphpapp/release Have fun ;p [Less]

php-form-builder-class

About This Project: The goals of this project are to... promote rapid development of forms through an object-oriented PHP structure. eliminate the grunt/repetitive work of writing the html and javascript validation when building forms. reduce human error by using a consistent/tested utility. ... [More] incorporate complex elements such as jquery, google maps, tooltips, captcha, and html web editors quickly and with little effort. Included Functionality: Ajax Form Submission Javascript and PHP Validation jQuery Elements - date, daterange, sort, checksort, slider, rating, colorpicker (jQuery) Google Maps Element - latlng (Google Maps API v3) Hybrid Form Element Types - state, country, yesno, truefalse, date, daterange, sort, latlng, checksort, webeditor, slider, rating, captcha, html, colorpicker, email File Upload Support Email Address Validation Two Wysiwyg Web Editors (TinyMCE, CKEditor) Tooltips (jQuery qTip Plugin) Captcha (reCAPTCHA) Installation Instructions: Download and unzip formbuilder.zip. Upload the php-form-builder-class directory to your web server. index.php and the examples directory are included only for instruction and can be omitted once in production. It is recommended that the scripts building/rendering your forms be located in the same folder as the php-form-builder-class directory. Doing so will eliminate the need for specifying the includesRelativePath attribute while building your forms. An alternative is to make use of symbolic links within your file structure. See the example - Invalid includes Directory Path Error - provided below for more details on the includesRelativePath form attribute. Be sure to review the examples provided below as well as review the source of class.form.php. If you have any questions about using this project, suggestions for new features, or need to report a bug, please use the Google Code Project Hosting issue tracker located at http://code.google.com/p/php-form-builder-class/issues/list System Requirements: PHP 5 or greater Included Tutorials/Examples: All Supported Form Elements Ajax jQuery PHP Validation Email Validation Javascript Validation Google Maps Layout Tooltips Captcha Web Editors Buttons Conditional Scenarios Invalid includes Directory Path Error Donation Instructions: If you would like to support the development of this project with a monetary donation, please follow the instructions below to securely submit through PayPal Goto http://www.imavex.com/formbuilder/index.php#donate. At the bottom of the page, there is a button labeled "Donate". Click this button. Next, enter your donation amount and follow the instructions provided by PayPal to complete the transaction. [Less]

jquery-validator

A light, extensible, clean and 'easy-to-use' form validator. It's can validate onblur, onkeyup, onsubmit or you can validate when you want. You can validate fields in a DIV without a FORM tag.

jquery-spin-button

jQuery Spin buttonOverviewThis plugin provides spin-button interface easily on your form. This interface is very handy to set especially short or middle range numbers. UsageSimply call "spin" method. $(document).ready(function(){ $('#number').spin(); });You can specify the ... [More] options with first argument. $('#number').spin({max:100,min:0});OptionsimageBasePathYou need to specify your spin-button surface images. When all your spin-related-images are on a same directory(I hope so), you can set your image path onto this parameter. default value is "/img/spin/". spinBtnImage/spinUpImage/spinDownImageThe names of spin button images. default value is "spin-button.png", "spin-up.png" and "spin-down.png". (these files are included in spin-image.tar.gz) intervalAdd/subtract this value from current value, when users click spin button. default value is 1. max/minThe maximum/minimum value. Null means unlimited. default value is null. timeIntervalWhile users keep pressing mouse button on the spin-button, the value will be increasing. This value is the time interval of increasing. default value is 500(milli seconds) timeBlinkThe time interval of blinking the spin button when increasing/decreasing the value. default value is 200(milli seconds) btnClassSpecify your own class for button image. btnCssSpecify your own styles as javascript object for button image. txtCssSpecify your own styles as javascript object for input field. lockProhibit direct input to text field. Please don't expect perfect. decimalSet decimal character in case you don't want to use '.'. eg. decimal: ',' beforeChangeCallback before value is changing. When you return "false", the changing would not happen. First argument is the new value, and second one is the current value. changedCallback after value has changed. First argument is the value. buttonUp/buttonDownCallback when up/down button has clicked. This function is called whether the value has changed. [Less]

jquery-form-observe

jQuery Form ObserveOverviewThis plugin observes values of form elements. When end-user changes any values of input elements, observer shows which values were changed. And observer also alerts to users when they try to move out from the page before submitting changes. UsageYou can add FormObserve ... [More] plugin onto any form element. $(document).ready(function(){ $('#MyForm').FormObserve(); }); If you want to show users the changes, you can add the definition of class 'changed'. .changed { background-color: red; } After changes have been completed (might be 'onsubmit', 'ajax complete' and so on), you should call FormObserve_save() method. $('#MyForm').submit(function(){ if(validation=='ok'){ $(this).FormObserve_save(); } });OptionschangeClassYou can change the class name of changed input-elements. $(document).ready(function(){ $('#MyForm').FormObserve({changeClass: "alert-color"); });Default value is 'changed'. msgYou can set the alert message. Default value is "Unsaved changes will be lost.\nReally continue?" TipsYou can call FormObserve_save() method to each elements. $('#ajax-button').click(function(){ // after saving on server $(this).FormObserve_save(); });This plugin is very handy when you use this with jGlycy. [Less]

typesearch

typeSearch for all browsers. Available as jQuery and Mootools plugin. http://cheeaun.com/projects/typesearch/