複数のリストの境界を越え、ドラッグ＆ドロップで並べ替え
jQuery UI の Sortable プラグインの connectWith オプションを使うと、複数のリストの境界を越え、ドラッグ＆ドロップで並べ替えることができる。 いづれかのリスト内の項目を、他のリストへすべて移動しても、CSSで一行ほどのスペースを残し、そこへドロップすることができるようにした。 実装例（サンプル） 項目 1-1 項目 1-2 項目 1-3 項目 1-4 項目 1-5 項目 1-6 項目 1-7 項目 2-1 項目 2-2 項目 2-3 項目 2-4 項目 2-5 項目 2-6 項目 2-7 項目 3-1 項目 3-2 項目 3-3 項目 3-4 項目 3-5 項目 3-6 項目 3-7 実装例の動作について 左のリストの「項目 1-1」をドラッグして、中央のリストの「項目 2-2」の上に持ってくると、「項目 2-2」が下へ移動し、「項目 2-1」と「項目 2-2
jQuery.Deferredって何
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js
jQuery.getJSON で同期通信させる « をぶろぐ
これだと非同期。 $.getJSON('unko.json', { type: 'unko' }, function() { gonyogonyo... }); getJSON 手前で ajaxSetup の async を false にしておくと同期通信になる。 $.ajaxSetup({ async: false }); $.getJSON('unko.json', { type: 'unko' }, function() { gonyogonyo... }); $.ajaxSetup({ async: true }); // 非同期に戻す ※ async: false にしたままだと、他の Ajax 通信も同期になるので注意。 個別に同期通信させたい場合は、素直に $.getJSON を $.ajax({ async: false }) に書き換えるほうがいいだろう。 Mr.J 「
jQuery UIのDatepickerでカレンダーから楽々日付入力
フォーム入力で日付を扱うことあると思いますが、数字だけの割にはいろいろと制御が面倒な部分でもあります。 入力フォーマット、年・月・日の制御など、作る側としてはかなり見えない部分の仕事が増えます。 入力するユーザの立場としても、フォームがドーンとあっただけでは入力に迷いますし、こういう局面ではカレンダーなどで曜日や日にち間隔を確認しますよね。 この両者の不便さを解消する方法として、jQueryのプラグインである「jQuery UI」の１機能、「Datepicker」で解消できます。 Datepickerを使用することで、フォームへの日付入力の際、カレンダーを表示して入力補助をするインターフェースを、簡単に実装できます。 jQueryを用意するjQuery UIはjQueryのプラグインであるため、jQuery本体が必要となります。 jQuery本体の準備は以前「「CrossSlide」写真や
スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」
twitter facebook hatena google pocket ページが縦に長くなるとサイドメニューとかが見えなくなってしまいます。 それを防ぐ方法としてabsoluteやfixedするケースがあります。 jQuery Scroll FollowではjQueryを使用し、スムーズについてきます。 sponsors 使用方法 jQuery Scroll FollowからjQuery、jQuery UI Core、jQuery Easing Plugin、jQuery Cookie Pluginをダウンロードします。 headには以下のように記述します。 <script type="text/javascript" src="http://yourdomain/jquery-1.2.6.js"></script> <script type="text/javascript" src
読んで覚える、触って体験！JavaScript＆CSS3～gihyo.jp×jsdo.it presents 記事一覧 | gihyo.jp
読んで覚える、触って体験！JavaScript＆CSS3～gihyo.jp×jsdo.it presents 記事一覧
【Webサイト制作】独学素人がjQueryで、ドラクエ画面を作ってみた
こんなサイトを作ってみました オッス、オラ日曜ネット大工。 １年に１回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。 仕事はＩＴ系にかすりもしないけど、たまにサイトが作りたくなるんです。 htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。 そんなレベルで無謀にも「JavaScriptも使いたいな」とか思ったりするわけですよ。 で、たまに「簡単にわかるJavaScript入門」なんてサイトや記事がありますよね。 ああいうのを書いてくださる人に、ちょっと言いたい。 あの、独学素人ノンプログラマーの俺をなめてませんか？ あなた方の想像を絶するほどに、俺のＩＴ系理解能力はゴミクズですよ！ 「簡単に分かる入門」にさえ入門できません助けて先生！ と、鼻水をたらしながら泣き出すような底辺レベルのスキルしかないザコであります自分は。 ですが、jQueryと出会い、
第2回 jQueryの基本（お題編） | gihyo.jp
はじめに 第2回の今回からは本格的にjsdo.it -Share JavaScript,HTML5 and CSS-（以下、jsdo.it）を使ってJavaScriptを勉強していきたいと思います。毎回お題編と回答編に分けてやる予定で、お題編では基礎知識を解説してそれに関連した課題を出し、それをjsdo.itでつくってもらい、回答編で解説するというかたちで連載を進めていきます。 今回はjQueryの基本のお題編ということで、jQueryの基礎を解説したあと最後にお題がありますのでそちらを次回までにやっておくとより理解が深まるはずです。 jQueryってなに？ そもそもjQueryとはなんでしょう。まったく知らないという人もいれば名前くらいは聞いたことがある、いつもJavaScriptを書くときは使っている、さまざまだと思います。今回は初回なので念のためjQueryとな何なのかというところ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery UI／プラグインの活用：CodeZine（コードジン）
jQueryでガントチャートの続きの続き
jQuery逆引きリファレンス － ＠IT
bassistance.de » jQuery plugin: Validation
Download Builder | jQuery UI
http://grvalue.cimx.co.jp/engbldg2/summary.action
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き） 記事一覧 | gihyo.jp