30+ jQuery Forms Plugins to Improve Form Usability | Tripwire Magazine
30+ jQuery Forms Plugins to Improve Form Usability by Lars | Last updated Jan 18, 2017 | jQuery Plugin Collections | 3 comments Forms are essential for communication online and they are the single most important interface to collect information from users. Why not spice you forms up a bit and make your site more appealing and user friendly? This post will help you get an idea of what what is possi
フィードバック用の簡単なフォームをサイドからスライドさせるjQueryプラグイン・contactable
Feedbackボタンをクリックするとサイド からフォームのパネルをスライドさせる jQueryプラグイン・contactableをご紹介 致します。情報元は去年の記事ですが、 自分が使いたかったのでメモ的にエントリ。 ユーザーにも優しいのでお勧めです。 わざわざページ移動せずともパッと送信出来るのでユーザビリティにも繋がりそうです。何より、インストールして使うので日本語に出来るのは大きいですね。テキストを日本語に直したデモをご用意しました。 デモ ※メールはダミーにしているので実際に送信は出来ません。 フォームテキストを日本語に変えるには梱包されているjquery.contactable.packed.jsの中を変更します。ちょっと横長なので探し難いですが。。デモでは以下のように変更しました。 (function($){$.fn.contactable=function(options)
第13回 今すぐできる！ユーザビリティを向上させるフォーム操作実践（5）デザインされたチェックボックスを実装する | gihyo.jp
もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き） 第13回今すぐできる！ユーザビリティを向上させるフォーム操作実践（5）デザインされたチェックボックスを実装する 今回は選択不能とチェックボックスなどをデザイン 前回は疑似セレクトボックスの利用によって、セレクトのデザインを変更する方法をご紹介しました。今回は似たようなこととして、チェックボックスとラジオボタンのデザインを変更する方法をご紹介します。 それと今回はその前に、disabledを利用して、フォームの入力を制限する方法と、それをJavaScriptによって、切り替える方法をご紹介します。 まずは完成サンプルをみてください。 選択不能状態にしておくには、HTMLに「disabled="disabled"」を入れるとできます（次のサンプル参照）。しかし、それを選択可能状態にするにはJavaScriptで操作するしか
第9回 今すぐできる！ユーザビリティを向上させるフォーム操作実践（1） | gihyo.jp
今回よりフォーム関連の実践 前回はタブパネルをプラグインとして利用することについての説明をしました。プラグインとして作ることで、様々なサイトで使いたい部分で使えるようにできるという点でも、とても便利です。今後もプラグインとして利用できるような作り方の説明も入れていきますので、みなさんもぜひ挑戦してみてください。 さて、今回より数回にかけて、フォーム（Form）関連の実践例についてご紹介していきます。フォームでは、ユーザーが使いやすいよう（入力しやすいように）に工夫することで様々な点において、利便性を向上させることができます。 今回はフォームの入力部分に入力例などを入れておき、フォーカスしたときにその入力例を消す仕組みを作ってみることにします。 入力例を入れておきフォーカス時に消す フォームの入力部分で、入力例を入れておくことで、その部分にどのような入力をしたらいいのか明示しておくことができ
Documentation | jQuery Validation Plugin
link Validate forms like you've never validated before! "But doesn't jQuery make it easy to write your own validation plugin?" Sure, but there are still a lot of subtleties to take care of: You need a standard library of validation methods (such as emails, URLs, credit card numbers). You need to place error messages in the DOM and show and hide them when appropriate. You want to react to more than
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
Eric Martin » SimpleModal
SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development. Usage SimpleModal provides 2 simple ways to invoke a modal dialog. As a chained jQuery funct
Ajax auto-suggest / auto-complete | BrandSpankingNew
view the original article at BrandSpankingNew Autosuggest / Autocomplete with Ajax v. 2.1.3 Here's Version 2.1.3 of my Ajax-powered auto-suggestion, or auto-complete textfield. Examples & description Example (JSON) Description The AutoSuggest class adds a pulldown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate th
system.objectdisposedexception-cannot-access-a-disposed-object.--getting-linq-to.aspx
Geekswithblogs.net, founded in 2003, had a very long run. The future of the site is now back in the hands of the original founder, Jeff Julian, and that is why you are here at Julian Farms or my consulting firm, Squared Digital. What’s next? Glad you asked. I still believe there is a place for blogs in this digital era of the 2020s, but I don’t believe I have a full picture of what it should look
AJAX User Poll Using jQuery and PHP - WPLoaded
Today, we’ll be creating a nice user poll script using jQuery and PHP utilizing AJAX and animation effects of jQuery to spice up the user interface and provide a rich user experience. Let’s get started. Set up the database For storing poll questions, options and votes, we’ll be using a MySQL database. Here is the database structure required. There are three tables: questions table stores the poll
Web Designer - Developer - Software Engineer - Business Consultant - London
Projects can take many forms and I enjoy the challenge of both design and development. Designing simple interfaces that can integrate with complex backend infrastructures. I've spent my career in web development, working for a number of leading technology companies in the UK. I joined Myspace as one of the only developers outside the US, working on digital marketing campaigns for large consumer an
Creating a Facebook-like Registration Form with jQuery
Introduction Facebook is a showcase of great UI design. And as it has become a major part of our lives, it has also raised the bar for web development, pushing developers to meet higher expectations. This however has a good side - it challenges web developers and designers to better themselves and constantly improve their work. In this tutorial, we are going to learn from the best, and create a fa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://moto-mono.net/2009/06/04/turorial-using-iphone-like-input-delete-button.html
http://moto-mono.net/2009/06/02/tangohokanjs.html
Google Code Archive - Long-term storage for Google Code Project Hosting.
Buy Domains - designersmantra.com is for sale!
転送中
jQuery validate plugin plus PHP equals captcha
転送中
http://mitchwilson.net/2009/08/03/new-jquery-plugin-maxchar/