jQuery Autocomplete Mod ドキュメント日本語訳 – Web/DB プログラミング徹底解説ブログ
jQuery Autocomplete Mod Document Japanese Translation by Keisuke Oyama オートコンプリート – jQuery プラグイン メモ: これはディラン・ヴァーヘル氏 (Dylan Verheul) によって書かれた、jQuery オートコンプリートプラグインを変更したものです。このドキュメントもディランの文書を基にしています。私の変更を含めるために必要に応じて、追加変更しています。 使用方法 $(“selector”).autocomplete(url [, options]); $(“selector”).autocompleteArray(array [, options]); デモページ (アメリカオハイオ州内の市の名前を検索します) http://www.pengoworks.com/workshop/jquery/a
Grease Monkey
FireFox JavaScript https://addons.mozilla.org/ja/firefox/addon/748 https://jetpack.mozillalabs.com/ Greasemonkeyの記述方法 Greasemonkeyのための宣言 // ==UserScript== // @name ig_header_hidden // @namespace ig_header_hidden // @include http://www.google.co.jp/ig* // @require http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js // ==/UserScript== @name : 名前空間を指定する @namespace : @include : 適応するページを指定す
jQuery のセレクタを Firefox と Greasemonkey で練習する | JavaScript | かたつむりくんのWWW
最近、jQuery のセレクタをマスターするのに最適ということで「 Selectors 」というサイトが話題になっています。 実際にそのサイトを使ってみるとかなり良い感じで、ビジュアルで jQuery のセレクタが理解できるので本当に役立ちます。後は実践をこなして練習するのみですね。 さて、その「実践で練習する方法」ですが、ちょっとオススメなのが、 Firefox と Greasemonkey を使ってやる方法です。 練習方法 練習方法はいたってシンプルで、自分がよく見るサイトを自分好みにカスタマイズする Greasemonkey ユーザースクリプトを jQuery で書いていくだけです。 例えば、Amazon の商品詳細ページの商品写真の次に、「あわせて買いたい」や「この商品を買った人はこんな商品も買っています」などがありますね。これらは、かなり役立つ情報ではあるのですが、僕の場合、時々
jQuery Selectors
Toggle Button = $('selector').addClass('highlight').animate({ marginLeft: 10}, 'fast'); Download This Lab This is a paragraph, which means it is wrapped in <p> and </p>. Those "p" tags in the previous sentence are formatted as <code>. This is the first list item (<li>) in an unordered list (<ul>). This is the second list item. It has a link in it. This is the third list item. It has a class of "my
http://www.igloolab.com/jquery-html5-uploader/
See related links to what you are looking for.
JavaScriptでプレゼンテーションを作る際に使えそうなjQueryプラグイン「Fathom.js」:phpspot開発日誌
Fathom.js JavaScriptでプレゼンテーションを作る際に使えそうなjQueryプラグイン「Fathom.js」 スライドの中身が全部HTML等で記述可能で使いやすいです。 どうさを見てみたい方は、jQueryモバイルを説明したデモのスライドを見てみましょう。 矢印キーでページ送りが可能です。 初期化も超簡単。 $('#presentation').fathom(); カスタマイズも可能なので色々と応用できます。 関連エントリ iOSのシェイクイベントを取得できるjQueryプラグイン「gShake」 レイアウトに関する強力なjQueryプラグイン６つ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 フォーム要素をクールにするためのjQueryプラグイン集
jQuery-ui autocompleteの使い方(複数パラメータ入力 and JSON配列読み込み) - toshiaki_tの技術系体当たり
ちまたで使われているWeb画面での入力補完を私もやってみたかったのです。 ライブラリは使いやすくて奥深い、jQuery。jQueryで使える入力補完のライブラリを探しました。 jQueryUIのautocompleteがよさそうです。 http://jqueryui.com/ ajaxでサーバーに複数フォーム項目のデータを送信したかったのです。入力中のフォームの値はtermオプションで自動的にパラメータが追加されています。他のフォームの値をパラメータとして追加で渡したかったのです。 なおかつJSON配列でデータを受け取るようにしたかったのです。 サンプル: ["京都","京橋","京田辺"] 単純にURLにGETパラメータで追加しようとしてもできませんでした。関数ロード時の値が登録されていました。入力補完の実行時にパラメータを渡したいのです。 jQueryで$.ajax()関数を使用するの
Autocomplete | jQuery UI
Autocomplete Enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering. The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try. The datasource is a simple JavaScript array, provided to the widget using the source
複雑なデータ構造のJSONを扱う際にCSSセレクタ風にアクセスできて超便利な「JSONSelect」:phpspot開発日誌
複雑なデータ構造のJSONを扱う際にCSSセレクタ風にアクセスできて超便利な「JSONSelect」 2011年05月25日- JSONSelect 複雑なデータ構造のJSONを扱う際にCSSセレクタ風にアクセスできて超便利な「JSONSelect」 jQuery成功の背景には、そのDOMへのアクセスのしやすさがひとつの要因だと思いますが、JSONSelectを使うと、JSONデータへのアクセスをCSSセレクタっぽく、jQueryっぽく簡単にアクセスできます。 例えば、次のようなJSONデータがあったとしましょう。 JSONSelectで、「.languagesSpoken .language」として選択すると、次のように要素を選択できます。 例えば、検索結果などで、同じ構造の要素がリストとして帰ってくるようなケースにおいて、同じ名前の属性リストをサクッと取得可能。 上位階層が指定できるた
セレクターで要素を選択する - jQuery 日本語リファレンス
jQueryを使ってコーディングする上で、最も頻繁に出てくる作業のひとつがセレクターによる要素選択でしょう。 この便利さが、他のライブラリをおさえてjQueryがデファクトになりつつある要因のひとつでもあると思います。 殊にバージョン1.3になってからはエンジンがsizzleに変わり、更に柔軟性と実行速度を向上させています。 通常はidによる単一要素選択が多くなるかもしれませんが、上手に使うことでより一層、jQueryによる開発が楽しくなると思います。 セレクター書式確認用ツール しかし、セレクター書式は時に非常に難解です。 これを確認するために、簡単なブックマークレットを作ってみました。 以下のリンクを、Firefoxであればツールバーなどにドラッグして下さい。 IEならば右クリックして「お気に入りに追加」を選び、警告は無視して登録します。 [jQuery Selectors Inspe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Zoomzum.com
IDEA * IDEA
