通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」:phpspot開発日誌
ALAJAX - a jQuery plugin for ajax auto form sending | Freelancer ID 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 フォームなんかを作る場合はAjax前提で作ったりしますが、このプラグインで $('#form').alajax(); のように初期化すれば一瞬でajax化が完了します。 もちろん、サーバ側のプログラムの調整は必要ですが、簡単にajax化できるというのはよいかもしれませんね。 やっぱりajaxフォームの速度ってはやくて利用者としては速いほうがいいわけなので、こういう風にマークアップの作り手側は簡単に対応できると作り手としては嬉しいですね。 関連エントリ Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ 画面遷移なしのAjaxでファイルアップロードするjQuer
入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」:phpspot開発日誌
入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」 2010年05月24日- Autotabindex Example 入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」。 例えば、携帯番号を入力する場合など、一定の文字数以上になった場合に、TABキーを押すなどせずとも、次のフィールドにカーソルを合わせることができます。 TABキーを知らないライトユーザーな方々はマウスでいちいち移動していたりもしますが、このプラグインでユーザビリティを上げられそうです。 JavaScript で１から実装するとなると、少し面倒な上に、要素ごとにonkeydownを入れたりしてコードが汚くなったりしますが、jQueryプラグインなので１行で次のように初期化できます。 $(document).ready(fun
iPhone/iPadでダブルタップをJavaScriptで実装する
iPhone/iPadでダブルタップをJavaScriptで実装する iPhone/iPadのJavaScriptでは「onclick≒タップ」なのに「ondblclick≠ダブルタップ」となるのでダブルタップを利用したい場合は独自に実装しなくてはいけない。 次のように記述するとjQueryで擬似的にダブルタップを実装することが出来ます。 $("p").data("dblTap",false).click(function(){ if($(this).data("dblTap")){ //ダブルタップ時の命令 console.log("ダブルタップ"); $(this).data("dblTap",false); }else{ $(this).data("dblTap",true); } setTimeout(function(){ $("p").data("dblTap",false);
blog.cuegraphix.com - jQueryのFlexigridを使ってみた
データを簡単にテーブルにフォーマットしてくれるjQuery プラグイン Flexigrid を使ってみた。 Flexigrid http://www.flexigrid.info/ Google Code http://code.google.com/p/flexigrid/ DBから吸い出して管理画面などでさくっとテーブルにしたい場合に非常に便利！ 具体的にどんなことができるのかはマイコミジャーナルさんの記事がわかりやすいのでリンク わずか数行で”ものすごいテーブル”に! – jQueryプラグイン「Flexigrid」 ただこのプラグインあまりリファレンスがない・・・ jsを開けばオプションは一目瞭然なのだが、自分メモとして残しておきます。 オプションパラメータ一覧 UIパラメータ width テーブルの横幅。数値もしくは auto が利用可能。auto に設定した際は横のリサイズは無
JQueryで作る機能拡張したテーブルのまとめ「10 Best jQuery Plugins for working with Tables」
TOP > WebDesign > JQueryで作る機能拡張したテーブルのまとめ「10 Best jQuery Plugins for working with Tables」 レイアウトではあまり使わなくなってきましたが、データの一覧などを見せる時の表作りには非常に力を発揮してくれるテーブルですが、今日紹介するのはそんなテーブルにJQueryを使って機能拡張したテーブルを集めたエントリー「10 Best jQuery Plugins for working with Tables」を紹介したいと思います。 TableSorter ソート可能なテーブルやツリー式のテーブルまで様々なテーブルを使ったサンプルが紹介されています。今日はその中からいくつか気になった物を紹介したいと思います。 詳しくは以下 ■tableRowCheckboxToggle チェックボックスで選択できるテーブ
tableのヘッダ固定やソートとかのAjax系ライブラリまとめ - Cyokodog :: Diary
１週間かけて食中毒もなんとか直ったのでブログ再開します。（もうこりごりです....） 例のごとくはてブをすっきりさせたいのでtable関連のリンクをこちらにまとめてく予定です。まだまだありそうですが、おいおい追加してきます。 コアライブラリ非依存系 Table Sorter ソート | MOONGIFT | demo table sorting ソート | to-R | demo OrderByColumn ソート | PHPSPOT | demo sorttable ソート | MOONGIFT | demo SortedTable ソート | demo TableKit ソート、編集 | PHPSPOT | demo Tiny Table ソート、縞々、ページング | coliss | demo Scrollable HTML table ヘッダ固定 | PHPSPOT | demo
jQuery treeTable Plugin Documentation
Node 1: Click on the icon in front of me to expand this branch. See the Examples chapter for more examples. To download releases of this plugin, visit treeTable's project page. The source code of this plugin and this documentation is available on GitHub: http://github.com/ludo/jquery-plugins/tree/master/treeTable. Table of Contents Introduction Installation Usage Include the plugin in your html do
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門
JavaScriptライブラリ「jQuery」とは？ 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
jQueryのカレンダーツール - satake7’s memo
Extended-Bort をベースにした Railsで開発しているので、いままで使っていた prototype.jsベースのカレンダーが使えず(使えないわけじゃないんですが、そのためだけに jQueryのほかに prototype.jsも入れるなんてどうよ、ということです)、jQueryベースのカレンダーを探していたところ、よさげなものがあったので簡単に使うための設定を書いておきます。 Date Picker DatePicker - jQuery plugin がそうです。このページの Downloadから『datepicker.zip (50 kb)』を落っことしてきます。Example用のファイルも入っていますが、最低限必要なファイルはこれだけです。言わずもがなのことですが、cssは RAILS_ROOT/public/stylesheetsに、jsは javascriptsに、i
jQuery UIを使ってみる(2)
最近気になっているのは桜の開花状況な suzukin です。 見頃はいつになるのか、通勤途中の桜をチェックするのが日課となっています。 今回は、Datepicker へ設定可能なパラメータなどについてまとめてみたいと思います。 詳細は、Datepicker のデモページを参照して下さい。 ・closeText：閉じるボタンへのテキスト (showButtonPanel を trueにした場合に有効) ・prevText：前へ戻るボタンへのテキスト ・nextText：次へ進むボタンへのテキスト ・monthNames： 月テキスト ('[1月','2月','3月...]形式) ・dayNames：曜日テキスト ( ['日曜日','月曜日','火曜日'...]形式) ・dateFormat： 選択した日付の書式 ('yy/mm/dd'など) ・showMonthAfterYear： true
[JS]キーボードのイベントを取得できるスクリプト -jQuery Hotkeys Plugin
jQuery Hotkeys Pluginは、単独のキーからキーを組み合わせたものまで、キーボードのイベント取得ができるスクリプトです。
非同期通信：Ajaxリクエスト｜jQuery APIリファレンス｜Ajax｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説HTTPリクエストを使用してリモートページを読み込みます。 簡単にjQueryのAjaxを実装できますが、ハイレベルな抽象概念に比べ、エラー時のコールバック関数のような機能性はありません。 $.ajax()は、生成したXMLHTTPRequestを返します。 直接操作するのには使いませんが、リクエストを手動で中断する場合に使用します。 $.ajax()はオブジェクトのキーと値のペアを引数としてとり、リクエストの初期化に使用されます。 オプションのdataTypeを指定した場合は、サーバーがリクエストで正しいMIMEタイプを送信することを確認してください。 詳細は、AjaxリクエストのためのdataTypeの指定を参照してください。 すべてのリモートP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery UIのインタラクションを使ってみよう
Plugins | jQuery Plugins
kunalbabre - Overview
IDEA * IDEA
http://sonofbyte.com/2010/06/enhance-tables-using-one-of-30-functional-jquery-plugins/
http://www.designwalker.com/2009/09/jquery-table.html
jQuery UI Datepicker の設置｜独学-者（どくがくもん）の独り言
IBM Developer
