[B! jquery] s_rsakのブックマーク

jquery.smoothswap.js

3つめのパネル。 3つめのパネル。 3つめのパネル。 3つめのパネル。 3つめのパネル。 3つめのパネル。 3つめのパネル。 3つめのパネル。使い方まず始めに、上部の Download リンクよりダウンロードしたプラグインを、jQuery 本体と一緒に読み込んで下さい。 ≪HTML≫ 入れ替えたい単位をパネルとしてパネル用のクラス "smoothswap-panel" を指定します。そのパネルの中で、上に動かすための要素のクラス"smoothswap-up" と、下に動かすための要素のクラス "smoothswap-down" を指定します。 <div id="smoothswap" style="width:400px;padding:10px;border: solid 1px #99f;background-color:#eef;"> <div class="smoothswa

s_rsak 2011/12/05

jquery

リンク

jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜百式管理人のライフハックブログ

ドットインストール代表のライフハックブログ

s_rsak 2010/01/09

リンク

jQueryによるフォームのデザインの基礎（後編） (2/5)

■パスワード入力フォーム部品を選択する:password :passwordは、type属性の値が「password」のinput要素（パスワード入力フォーム）だけを選択するフィルターです。次のサンプルでは、パスワード入力フォームがフォーカスされると、input要素の後ろに「<p>パスワードは6文字以上で入力してください</p>」という(X)HTMLを追加します。フォーカスが外れると、p要素を取り除きます。 ▼サンプル11（スクリプト部分） $(function(){ $(":pass").focus(function(){ $(this).after("<p>パスワードは6文字以上で入力してください</p>"); }).blur(function(){ $("p").remove(); }) }) ▼サンプル11（(X)HTML部分）パスワード：<input type="passwo

s_rsak 2009/12/20

changeのIEとFirefoxの挙動の違い

jquery

リンク

jQuery でページスクロール - daily dayflower

jQuery 1.2 以降だと scrollTop（と scrollLeft）という疑似スタイルが利用できるようになったので，jQuery UI を使わずとも，jQuery Core 本体だけでページ内スクロールができるようになりました。たとえば， <html> <body> <p> blah, blah, blah, ... blah, blah, blah, ... </p> <p> <a href="#" id="link_to_top">ページの先頭へ</a> </p> </body> </html> このような HTML で「ページの先頭へ」というリンクをクリックしたときに，スムーズにスクロールしたいのなら， $(function () { if (! $.browser.safari) { $('#link_to_top').click(function () { $(thi

s_rsak 2009/05/06

リンク

入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」:phpspot開発日誌

ToggleVal :: jQuery Plugins by Aaron Kuzemchak 入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」。入力ボックスにデフォルトでヒント値を入れておいてクリックすると消えるあの分かりやすいインタフェース。実際に実装するとなると、ちょっと面倒ですが、ToggleValを使えば、メソッドを1回呼び出すだけで簡単に実装できます ↓↓↓↓クリックで消える↓↓↓↓ jQueryプラグインなので、以下のように使いやすくなっています。 $("input[name='name']").toggleVal( { option } ); 実装したくなった時、ちょっと面倒でまた今度、とならないようにこれを覚えておけばよさそう。

s_rsak 2009/04/29

リンク

jQuery でサイズや位置を取得する方法を図にしてみた(2) - Cyokodog :: Diary

更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回のつづきです。前回同様 width の記述は省略してますが、height を width に置き換えれば幅も取得できます。 attr() メソッドでサイズを取得する際の注意点 attr('offsetHeight') や attr('clientHeight') でサイズを取得する際、対象要素が非表示状態だと 0 が取得されてしまいます。要素を表示させる際、位置決め等のために表示処理前に対象要素を採寸することがあるかと思いますが、そのような場合注意が必要です。対象要素が非表示だった場合、一時的に表示状態し、採寸後に非表示にするようなプラグインを定義しておくと便利です。(以下参照) $j.fn.mea

s_rsak 2009/01/02

リンク

jQuery UI API 1.8.4 日本語リファレンス - StackTrace

jQuery UI API 1.8.6 の日本語リファレンスです。ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。また、全ての解説に、実際に実行できるサンプルを付けました。 jQuery UIとは jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。 jQuery UIの構成 jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。それぞれ、次の機能が提供されています。インタラクション対話型ユーザインターフェースを構築するためのライブラリライブラリ説明対応ファイル

s_rsak 2009/01/02

jquery
ui

リンク

jQueryを良くする25のTIPS

jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。

s_rsak 2008/12/21

jquery
tips

リンク

jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ

JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){

s_rsak 2008/12/12

jquery

リンク

jQueryのコードを良くする5つのTIPS

jQueryのコードを良くする5つのTIPS 5 Tips for Better jQuery CodeでjQueryのコードを良くする5つのTIPSが紹介されています。 DOM中にデータを保存できるdataメソッドを使おう $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selector').attr('alt'); 「alt」などのHTMLにデータを保存しておくと後で取り出せなくなってしまうことがあるから良くない。 $('selector').data('meaningfllname', 'this is the data I am storing'); // then later getting the data with

s_rsak 2008/11/19

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

s_rsak 2008/11/18

jquery

リンク

転送中

リダイレクトします以前ここにあったブログは、現在 http://blog.suz-lab.com/2008/02/jquery.html にあります。リダイレクトしますか。

s_rsak 2008/10/30

チェックされたラジオボタンの値を取得する。

jquery

リンク

Bridge Word

This shop will be powered by Are you the store owner? Log in here

s_rsak 2008/10/19

リンク

jQueryでFormのバリデーション | コスミー報告書[社外秘]

jQueryの便利そうなプラグイン。ValidationAide。フォームの入力値の妥当性を検査してくれます。使い方：１．フォームをかく <form id="Test"> <div id="ClientValidationSummary"></div> <input type="text" id="name" title="名前" class="textbox validator-required" /><br /> <input type="text" id="mail" title="メール" class="textbox validator-required validator-em ail" /> <input type="submit" value="Submit" /> </form> 入力値にエラーがあった場合、ClientValidationSummaryのところに要約