GitHub - dyve/jquery-autocomplete: The original jQuery autocompleter. Does not need any other plugins. Supports local and remote data sets, plain text and JSON data, various options and callback hooks.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
人気のあるサービスを真似よう。Tumblr風タグ編集コンポーネント·jQuery Tumblr Tags Editor MOONGIFT
jQuery Tumblr Tags EditorはTumblrのタグ編集風のUIを実現するjQueryライブラリです。 Tumblrのタグ編集を行うUIを真似たjQueryライブラリがjQuery Tumblr Tags Editorです。よくあるタグ編集という機能だけに参考になりそうです。 最初の表示です。テキストボックスが表示されるパターンとそうではないパターンがあります。 文字を入力してエンターでタグ設定できます。×ボタンを押せば消えます。 数多くなると改行します。 テキストボックスがない場合も使い方は変わりません。 jQuery Tumblr Tags Editorではエンターキーを押すとタグに変わります。キーバインドを変更してカンマを認識するようにしても便利そうです。 jQuery Tumblr Tags EditorはjQuery/JavaScript製のオープンソース・ソフ
【ｊQuery】twitterのように「分前」などと表示してくれるライブラリ - うみやま亭
最近プログラムを書くようなアルバイトを始めて、家ではめっきりあｎげふん生活している海山ですこんばんは。 時刻を登録して、表示しようとしたときの話です。 タイムゾーンが違う地域で登録されたりすると、表示がおかしくなってしまうとの事だったので、「○分前」などのtwitterのような表記にしたいという話が有りました。 そこで見つけたのがこのライブラリ、timeagoです。 http://timeago.yarp.com/ 以下のように表示してくれます three days ago 使い方 まず、timeagoをダウンロード http://timeago.yarp.com/ 2つのjsファイルを指定します。 <script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.timeago.js" typ
画像もHTMLもオーバーレイ表示 - ThickBox 3 | JavaScript | かたつむりくんのWWW
2008-02-27 説明を詳しくしました。 画像やHTMLをオーバーレイで表示するAjaxライブラリ、ThickBox 3.1を導入しました。導入方法は【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示（マイコミジャーナル）を見れば問題なく導入できると思いますが、ここでも素人なりに丁寧に手順を載せておきます。 まず簡単なサンプル作ったので見てやってください。 画像もHTMLもオーバーレイ表示 - ThickBox 3（サンプル） ThickBoxライブラリのダウンロード はじめにThickBox 3.1へアクセスします。 画面を少し下へ移動したところの「Download」のタブの中の、次の4つのリンクを右クリックしてファイルをダウンロードして保存します。このとき、「jQuery JavaScript library」については名前を「jquery-
MOONGIFT: » jQTouch用のjQuery拡張「jQExtensions」:オープンソースを毎日紹介
jQExtensionsはjQuery/JavaScript製、iPhone/iPod Touch用のオープンソース・ソフトウェア。iPhone向けのWebサイトを開発する場合、いわゆる携帯サイトのように幾つかの特徴がある。とはいえPCのWebブラウザ並みの機能はあるので携帯電話ほどの制約はない。 フローティングウィンドウ ほとんどがデザイン的な特徴になる。既に幾つものデザインフレームワークが存在し、それらを上手に使うことで手早くiPhone向けサイトの開発が出来るようになっている。その一つとして知られるのがjQTouchであり、jQueryならではの拡張を行ったのがjQExtensionsだ。 jQExtensionsはjQTouch用の拡張を提供している。一つはフローティングウィンドウで、スライドさせても常に画面上部に表示される小窓機能だ。クリック一つで消したり、表示/非表示が切り替え
jQuery のセレクタ機能を拡張する
jQuery の魅力のひとつは豊富な セレクタ機能 だけど、それをさらに拡張することもできる。その簡単な方法を紹介してくれている記事をみつけた。 Extending jQuery’s selector capabilities - James Padolsey たとえばインライン要素を取得するセレクタ機能は以下のように書けば作れちゃう。 $.extend($.expr[':'],{ inline: function(a) { return $(a).css('display') === 'inline'; } }); これで、以降は :inline でインライン要素を取得できる。じゃあついでにブロックレベル要素を取得する機能も追加。 $.extend($.expr[':'],{ inline: function(a) { return $(a).css('display') === 'in
jQueryでhoverをunbindする方法 | ms19lab
jQueryで画像のロールオーバー処理をしたとき、これをはずすやり方が分からなかったので調べました。 jQuery の hover() について調べたことのまとめ こちらによると、 $("#A").unbind("mouseenter").unbind("mouseleave"); とすることで外せるそうです。 $(”#A”).unbind(”hover”)としても外せませんのでご注意を。
Scroll your HTML with jquery scrollable
Demo Scroll through these elements by clicking on the items clicking on the arrows and those small round buttons using left and right arrow keys from your keyboard scrolling with your mousewheel 1. An example title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et felis eget tellus pharetra porttitor. Praesent dui arcu, egestas quis, adipiscing a. 60 sec 2. An example title Lorem
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
非同期通信：Ajaxリクエスト｜jQuery APIリファレンス｜Ajax｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説HTTPリクエストを使用してリモートページを読み込みます。 簡単にjQueryのAjaxを実装できますが、ハイレベルな抽象概念に比べ、エラー時のコールバック関数のような機能性はありません。 $.ajax()は、生成したXMLHTTPRequestを返します。 直接操作するのには使いませんが、リクエストを手動で中断する場合に使用します。 $.ajax()はオブジェクトのキーと値のペアを引数としてとり、リクエストの初期化に使用されます。 オプションのdataTypeを指定した場合は、サーバーがリクエストで正しいMIMEタイプを送信することを確認してください。 詳細は、AjaxリクエストのためのdataTypeの指定を参照してください。 すべてのリモートP
Ajax » jQuery APIリファレンス » イベント操作：イベントハンドリング | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説bind(type[, data], fn) マッチした各要素に対するclickなどのイベントをハンドラに結びつける マッチした各要素で指定したイベントが発生した時に、指定したコールバック関数を実行するよう、各要素のイベントをハンドラに結び付けます。 利用可能なイベントは、blur、focus、load、resize、scroll、unload、beforeunload、click、dblclick、 mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、 submit、keydown、keypress、keyup、errorです。 その他、カスタム
jQuery Form Pluginの解説と画像のAJAXアップロード - くらげだらけ
ExtJSの勉強もしてるんですがね、jQueryの方が楽ちんすぎて今でも使っているんです。 jQueryでは.load()とか.post()とか.get()とか書けば簡単にAJAXが書けますが、フォームをAJAXで扱いたい場合は「jQuery Form Plugin」を使うわけです。 これを使えばAJAXフォームの送信もカンタンカンタン。 APIリファレンスを日本語で書いたので覚え書きに載せときます。 って言っても、たいした量でもないので、いまいち分からなかったらプラグインファイルを見た方が早いですよー。 jQuery Form Plugin のAPI ■ ajaxForm() AJAX処理したい任意のフォームを設定します。 詳細についてオプション値を設定することも出来ます（オプションについては下の方に）。 Chainable: Yes. //オプション値なし $('#myFormId')
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」:phpspot開発日誌
Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」 2010年01月08日- jQuery 'Notify bar' Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」。 ページの上部にアニメーションされながら表示されるあの通知バーです。 時間がたつとアニメーションしながらスマートに消えてくれます。ページデザインがどんなものであろうと影響を受けません。 色を変えて、エラーモードにしてみたり、成功モードにしてみたり自由にできます。 実装は超簡単で、次のように初期化するだけです。 $(function () { $.notifyBar({ html: "メッセージ", delay: 2000, // 表示するミリ秒数 animationSpeed: "norm
jqueryでウェブサイトをリッチにするプラグインまとめ « vanillate
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQT
Loading...
Blogger
IDEA * IDEA
