Make 24 monthly payments Pay 0% interest Start using the domain today. See details
先日のJUIで刺激を受けて、ちょっとしたマッシュアップアプリを作っているのですが、そこでJavaScriptでキーバインドを実装することにしました。 で、jQueryを使っていたので、適当なプラグインがないかと探してみたら、よさげなのを発見。 js-hotkeys - Google Code $.hotkeys.add('a', fn); こんな感じでキーバインドできます。クロスブラウザ対応もちゃんとやっていてくれるみたいです。 デモ・テストは↓こちらで。 デモページ
こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの?っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto
最後の解決法を悩んでるようなので、僕の回答。 入力補助の情報は HTML より、 JavaScript で持ったほうがいいかもしれません var data = { title1: ["hoge", "fuga", "piyo"], title2: ["hoge", "fuga", "piyo"], title3: ["hoge", "fuga", "piyo"] }; $(function(){ $("div.hoge > div.menu > a").click(function () { var d = data[this.title]; $('div.hoge > input').each(function(i) { $(this).val(d[i]) }); return false; }); }); でも、↑これだと、クリック時に毎回 input を探すので、パフォーマンスを気に
一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳 jQueryに書くとほってんとり入りできるらしいので便乗。というかリンク先で紹介されているサンプルコードにちょっと意義異議あり。 一個のサンプルは非常に単純な構造になっておりますゆえ、jQueryをすでにやったことがある人にとって必要ないものだということをあらかじめご了承くださいませ。 ということであれば、「jQueryらしい」書き方をした方が良いかなと思います。 で、僕ならこう書くってことで。 全般的に使われている$(document).ready(fn)は、$(fn)でショートカットできます。 $(document).ready(function(){alert('hoge');}) は、 $(function(){alert('hoge');}) こう書けると。 まあ、これはどうでもいいや。短く書けるって
Technology デザイナーのための素晴らしいjQueryのチュートリアル8選『8 Fantastic jQuery Tutorials for Designers』 jQueryでクールなインターフェースを実装したい。 そんなあなたにおすすめなのが、『8 Fantastic jQuery Tutorials for Designers』。デザイナーのための素晴らしいjQueryのチュートリアル8選だ。 以下にご紹介。 ・Slide out and drawer effect アコーディオンメニュー ・Chain-able transition effects 数行のコードで大きさや透明度を変えながらボックスを動かすことができる ・jQuery Tabs リロードなしでタブを遷移 ・Creating an Editable Chart 編集できる表を作成 ・Easy Multi Sel
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
参考ページ Core JavaScript 1.5 Reference - MDC http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference JavaScript - Wikibooks http://ja.wikibooks.org/wiki/JavaScript 【コラム】そろそろきっちりJavaScript (1) "Firebug"の導入〜関数リテラルとは? | エンタープライズ | マイコミジャーナル http://journal.mycom.co.jp/column/js/001/index.html a/PHPerの為のJavaScript解説 - PukiWiki http://kjirou.sakura.ne.jp/wiki_mirror/index.php?a%2FPHPer%A4%C
初稿:2007/12/13 Update1:2007/12/23 Window下部への popup 飛び出し補正対策を実装。 Update2::2007/12/24 popupボックスの「採寸」が各起動要素毎に、一度だけで済むように工夫 Update3:2007/12/31 popupされる文字列取得も一度だけで済むように工夫 Update4:2010/7/25 全面的な改訂(プラグイン化) 上の画像がここでいう popup を表示させた例です。濃い緑色のボックスとその中の白い文字が popup です。黄緑色のボックス内にマウスカーソルをオーバーさせ、 popupが表示 されるようにして、その状態のスクリーンショットを画像化したものです。マウスカーソルの右下に popup ボックスが表示されていることが分かります。 また、この実例部分にも popup 要素を付けましたので、マウスオーバーと
GmailやLDRなどもそうですが、最近はWebアプリケーションでも「起動させっぱなし」を基本路線に置いているものも増えてきています。そういうときにポイントとなるのが「(サーバ側で変更が発生したときに)サーバからの通知をブラウザにどうやって知らせるか?」ということ。ブラウザでページを開かれている場合だと、変更箇所を専用のボックスエリアを設けて、適当に目立たせておけばいいのですが、別タブで開かれている場合などには、タブをユーザが切り替えるまでは、その変更を通知することができません。そんなときに、「差分の大きな複数のfavicon(*)を動的に変更させることで通知と同等の効果が期待できないか?」という話。(全然違うfaviconをアニメーションさせることで目立たせられないか?という狙い) faviconの変更は割と単純 まずfaviconが動的に変更させることができないか?の検証ページを作って
今回は、検索文字列に関連するキーワードを提案するSuggest機能を実装したいと思います。 実装の前に Suggest機能の実装に入る前に、第3回までのプログラムをちょっと整理しましょう。第3回までの実装では、とりあえずグローバルな名前空間に関数を追加していました。しかし、名前空間がどんどん汚染されよくありません。必要なものだけをグローバルな名前空間に追加しましょう。 スコープを隠蔽する jQueryにならって、スコープを隠蔽してみることにします。次のように無名関数を使って実装します(リスト1)。 リスト1 スコープの隠蔽 (function(){ // (1) このスコープは公開されない var local = ・・・ // (2) 必要なものだけを公開する window.global = ・・・ })(); 無名関数の定義(function(){})と、実行()を同時に行っています
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Galleria 画像ギャラリー。 jQuery Multimedia Portfolio 画像・動画・音声のスライドショー。 Ea
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the detai
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法(1) 基本/おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック < リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは? 今回紹介するjQuery UIは、JavaScript(Ajax)フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ&ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット(アコーディオン、日付入力、ダイアログ、スライダー、タブなど) 今回は、jQuery UIのドラッグ&ドロップ機能
話のメインは オブジェクト指向です。 というよりも、僕が JavaScript のオブジェクト指向をこう理解している。という話です。 リンク http://amachang.art-code.org/devsum2008/ 言い訳 口頭で説明した個所も多いのですが、楽しんでいただけたら嬉しいです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く