Projects

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]

jscolor

jscolor is a JavaScript component extending standard form controls of a smooth color picker dialog. All you need to pickerize your text fields is to include script jscolor.js into your HTML page and turn all related INPUT elements into INPUT CLASS="color"

kv-webme

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

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.

submit-killer

Submit Killer is a jQuery plugin that allows you to prevent normal form submission easily. It can be useful when you perform form validation or something like this, and need to control form submission programmatically. If the user have JavaScript disabled, the form will not be broken, but normal ... [More] submission will be performed instead of this. Resources: http://vladimir-k.blogspot.com/2008/12/submit-killer-jquery-plugin.html - homepage http://phone.witamean.net/submit-killer/ - demo page http://plugins.jquery.com/project/submit-killer - Submit Killer in jQuery plugins directory [Less]

squery

Loving jquery, but still missing a few functions here and there, I decided to write this small library.

text-area-with-status

Textarea With StatusOverviewThis plugin is extending builtin text_area and text_area_tag helpers with the ability to display chars left up to a specified limit. Basically it turns this: "limit_chars(this, 100, $('chars_left'))" %> You have characters left. into ... [More] this: 100 %> You can also customize the status message. Install & SetupYou can install it with: script/plugin install http://text-area-with-status.googlecode.com/svn/tags/text_area_with_status Upon install it will try to copy the needed .js file under public/javascripts folder and display the README. If that fails you can either try to manually run the install script like this: ruby vendor/plugins/text_area_with_status/install.rb or just manually copy the needed .js file. Please see the IncludedReadme for more detailed instructions if needed. [Less]

protect-data

What it isWhen a user enters data into a form, it can get lost if he leaves the page or clicks a link (be it ajax or not). Here comes protectData, it asks the user before losing his data by loading another page or submitting an ajax request(optional). It integrates with jquery.form (so ajaxSubmit ... [More] and ajaxForm are saved too). (There is a typo in the current version(thx to timothy) loose vs lose, will be fixed in 0.2) Examples//basic protection $('form').protectData(); //basic and ajax protection $('form').protectData(); $.protectData.protectAjax = true; //changing defaults $.protectData.message = "You will lose data if continuing"; //change default message $.protectData.stateChangeCallback = function(isProtected){alert('data was changed')}; //making 2 requests, without being notified $('form').protectData(); $.protectData.protectAjax=true; $('form input').change(); $.protectData.unprotectAjax(2); $.get('file.txt'); $.get('file.txt'); $('form').load('nextform.html')//user will be asked before doing this //data was saved using a non-standard way(submit / ajaxSubmit / ajaxForm are integrated) $.protectData.unprotect()Demo and TestsuiteDownload package Test and Download (see right sidebar) Life siteAt the moment only used for intranet applications. Please send me a link to your site if you use it. Works withTested with: IE6 IE7 FF2 FF3 Opera Opera does not support onbeforeunload (explanation) so you will not get a message when leaving the page [Less]

dpassword

jQuery Plugin - delayed password masking This plugin masks all entered characters within a certain delay. Features: Doesn't need any HTML modification as it finds password fields by type. Unobtrusive: Non-JS users get the common masked password fields. Supports copy & paste. ... [More] Options: Interval, delay, replacement character, prefix, debug mode. Known Issues: Adding/deleting chars from the middle doesn't work. Works at the end of the password only. View will not follow cursor if input field is too small. If #id based CSS styles are assigned, these styles will not be taken over. Related blog post Read further information about the plugin at decaf.de/dpassword [Less]

lpform

Light Package Form (以下LPFORM) は、jQueryを利用するダイナミックフォーム生成JavaScriptです。 バリデーションチェック、画面遷移制御、確認画面生成、サーバーとのデータ送受信の機能を持っています。 特徴: ... [More] 全ページの画面遷移がJavaScriptで仮想的に行われるので、動作が軽い 画面ごとのデータ保持処理を必要としないので、修正が容易 HTML/CSS/JavaScriptが綺麗に分けられる 基本的に設定ファイルを記述してHTML内で読み込むだけなので、実装が簡単 実装次第でサーバーサイドも設定ファイルからバリデーション等の利用が可能 HTMLとCSSの実装次第でJavaScriptをOFF時にも利用が可能なフォームにできる（と思う） 実装予定: ファイルアップロード機能対応 確認画面/送受信処理/バリデータなど無しの設定対応 [Less]