MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介
入力された値の検証は最終的にサーバ側で行わなければ意味がない。が、ユーザビリティを考えるとブラウザ上でチェックし、通知できれば便利に違いない。問題はそうしたチェック機能を実装するのが手間だと言うことだ。 jQueryを使ってWebブラウザ上で入力チェック 動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。 今回紹介するオープンソース・ソフトウェアはjQuery Inline Form Validation Engine、jQueryプラグインで提供される入力チェックライブラリだ。 jQuery Inline Form Validation Engineの良い点は、入力チェックがブラウザ上で行われ、かつそのエラー内容が入力項目の横にフローティングで表示される所だ。吹き出し風になっており、非
[JS]ナビゲーションの背景画像をアニメーションさせるスクリプト
Snook.caのエントリーから、「ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2」のように、ナビゲーションの背景画像にさまざまなアニメーション効果つけるスクリプトを紹介します。 Using jQuery for Background Image Animations デモ デモでは、上下のアニメーション、左右のアニメーション、フェードのアニメーションがあります。 スクリプトにはjQueryがメインに使用されており、それぞれのアニメーションは下記のように記述されています。 「#a」は上下、「#b」は左右、「#c, #d」はフェード。 <textarea name="code" class="js" cols="60" rows="5"> $(function(){ $('#a a') .css( {backgroundPosition: "-20px 35
軽くてシンプルに使えるWYSIWYGエディタ「NicEdit」:phpspot開発日誌
NicEdit.com - Micro Inline WYSIWYG NicEdit is a Javascript/AJAX inline content editor to allow easy editing of web site content on the fly in the browser. 軽くてシンプルに使えるWYSIWYGエディタ「NicEdit」。 TinyMCEやFCKEditorは凄く重い(200KBオーバー)です。 でもNicEditなら30KB程度で上図のような必要最低限のWYSIWYGが実装できます。 これは覚えておきたいですね。 関連エントリ ６つの新コンポーネントを搭載したYUI 2.3.0がリリース！リッチテキストエディタ等 XHTMLを編集できるWYSIWYMエディタ「WYMeditor」 JavaScriptを使った各種WYSIWYGライブラリま
The Yahoo! User Interface Library (YUI)
YUI Library Controls/Widgets: AutoComplete Button Calendar Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for c
ズーミングなまず君
最終更新日: 2002-05-07 (公開日: 2002-05-07) Mozilla 1.0 以上 または Netscape 7.0 以上 で動きます。 JavaScript の非互換性のため Internet Explorer では動きません。 遅い計算機だとつらいかも。 ズーミングなまず君: その2 Satoru Takabayashi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
