jQuery

inline-block を使ってプレースホルダ付き入力欄を実装する

更新履歴 2010-01-22 jQuery.exPlaceHolder.js を Ver 0.1.1 に更新 title 属性(あるいは任意の属性)で、表示するメッセージを指定できるようにしました 専用の css ファイルの読み込みを不要にしました jQuery.exInlineBlock.js ファイルの読み込みを不要…

クロスブラウザで display:inline-block させる jQuery プラグインを作ってみた

更新履歴 2009-11-11 ご要望があったので jQuery.exInlineBlock.js の圧縮版をダウンロードできるようにしました。 CSS には display:inline-block というボックス要素を横並びに配置させる機能があります。 通常のボックス要素(diplay:block)は、横に伸び…

IE6 でガタつかない positoin:fixed をさせるための詳細条件を調べてみた

「IE6 position:fixed の諸問題を解決する jQuery.exFixed.js」について、たくさんのコメント、フィードバックありがとうございます。 exFixed のうりとして「IE6 でもガタつかない position:fixed ができる」というのがありますが、フィードバックでいただ…

見出し要素ベースなタブUIを生成する jQuery.exTAB.js

更新履歴 2009-11-20 リファレンスサイト(GAE)変更中のため只今参照できません。機能拡張版の下記エントリをご覧ください。 タブ UI 生成プラグイン exTAB.js を機能拡張しました - Cyokodog::Diary 見出し要素より目次を自動生成する jQuery プラグイン jQu…

iframe 関連処理まとめ

iframe 関連の処理で分かったことをこちらにまとめてこうかと思います。コードは jQuery ベースです。変更履歴 2009.06.17 Safari,Chrome にて動的に生成したiframe内に CSS ファイルを読み込ます方法が分からないとしてましたが、codeなにがし(http://code.…

目次の自動生成を行う jQuery.exTOC.js

exTOC は、ページ内の Hn 要素(h1 - h6)に対し、ページ内リンク付きの目次コンテンツを自動生成する jQuery プラグインです。 以下のような特徴があります。 目次 / Hn 要素に対する付番機能 ページ内リンクのスムーススクロール 高いカスタマイズ性 以下は …

QueryString 取得プラグイン jquery.exQueryString.js を作ってみた

ありがちなプラグインかなと思い調べたところ jQuery プラグインではありませんが、いくつか見つかりました。 JavaScriptファイルに引数を渡す - hail2u.net 外部Javascriptのsrc属性で、URL引数を取得する - CSS-EBLOG JavaScriptファイルに引数を渡す(な…

jQuery exFixed を動的な位置移動やリサイズ処理に対応させてみた

更新履歴 2010-11-14 exFixed Ver 1.3.0 ベースの記述に変更しました。 2009-10-16 本ページのサンプルソースを jQuery.exFixed.js の Ver 1.2.0 に対応した記述に差し替えました。詳細は以下をご覧下さい。 jQuery.exFixed.js を機能拡張しました - Cyokodo…

ソースを修正しないでモーダルウィンドウ系プラグインの IE6 のガタつきを抑止してみる

jQuery BlockUI のようなモーダルウィンドウ系プラグインの中には、画面スクロールしてもウィンドウ表示位置が固定されるものがありますが、IE6 の場合 position:fixed が使えない関係でスクロール時、固定ウィンドウがガタついて表示されてしまう事が多いよ…

jQuery で簡単なデートピッカー(日付選択UI)を作ってみる

去年の8月頃から作ってるシステムが来月リリース予定ってことで、後回しにしてた画面周りの微調整をしてるのですが、デートピッカー(カレンダーから日付を選択するUI)もその1つで後で jQuery のプラグインの中から適当にチョイスすればいいやと思ってい…

IE6 position:fixed の諸問題を解決する jQuery.exFixed.js

最近の更新履歴 2011-12-07 Ver 1.3.2 リリースjQuery 1.7.1に対応しました。 2010-12-27 Ver 1.3.1 リリースfixed 要素がブラウザ表示エリアから隠れ1度非表示状態になると、ウィンドウをリサイズし表示エリア内におさめても非表示状態が続いてしまう不具…

Date オブジェクトを拡張する jQuery.exDate.js

更新履歴 2009-03-25 addMonths メソッドでマイナス値を引数にした時の不具合を修正しました。 JavaScript の標準オブジェクトである Date オブジェクトに、各種拡張機能を追加したオブジェクトを返す jQuery プラグインを作ってみました。インスタンス化し…

レイヤーベースのプレースホルダ付き入力欄を作る

変更履歴 2009/03/26 IE6 不具合対策として、input 要素と同一 font-size をラベルに割り当てる処理を無くし、パラメータでラベルの style を指定できるようにしました。(理由はソースのコメント参照) prototype.js 版 JavaScript でプレースホルダつき入…

jQuery の位置・サイズ関連メソッドまとめ

ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css…

汎用的に使える表示位置補正メソッドを定義してみる

前回のエントリのつづきです。 見た目上の原点位置を取得するメソッドを定義する スクロールコンテナの表示原点位置を取得する処理のみを抽出し、汎用的に活用できるメソッドを定義できないか考えてみたいと思います。 と言って終わったので、jQuery でこれ…

スクロールイベントにおける position:absolute 要素の位置補正

スクロールイベント内での position : absolute 要素の表示位置の補正処理について考えてみます。具体的には以下のプラグインのような動きの動作原理について考えてみます。 jQuery Scroll Follow | demo スクロールにより対象要素が隠れると、スクロールに…

jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる

更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書き…

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

更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回のつづきです。 前回同様 width の記述は省略してますが、height を width に置き換えれば幅も取…

jQuery でサイズや位置を取得する方法を図にしてみた

更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary サイズの取得 煩雑になるので height の記述しかありませんが、width に置き換えれば幅もとれます。 …

スクロール時にちらつかない IE6 向け position:fixed

更新履歴 2010-01-21 スクロール時のガタつきをはじめとする諸問題等を解決した精度の高い fixed を使いたい場合はこちらをご覧ください。 IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog::Diary 前回のつづきです。 スクロール時のち…

IE6 向け position:fixed を right , bottom 指定にも対応させてみる

更新履歴 2010-01-21 スクロール時のガタつきをはじめとする諸問題等を解決した精度の高い fixed を使いたい場合はこちらをご覧ください。 IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog::Diary 前回のつづきです。 right , bottom …

IE6 向け position:fixed + スクロール追尾型の要素固定表示の方法を考えてみた

更新履歴 2010-01-21 スクロール時のガタつきをはじめとする諸問題等を解決した精度の高い fixed を使いたい場合はこちらをご覧ください。 IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog::Diary position:fixed とは? 結構常識っぽ…

jQuery オブジェクトを汚染せずにプラグインを追加する方法を考えてみた

気軽にプラグインを追加したい jQuery のプラグインっていうと、モーダルウィンドウやツールチップを表示したり、データをグラフ化したりとそれだけで大きな恩恵を受けられるものが多々ありますが、自分なりのプラグインの定義方法などの汎用的な処理を考え…

jQuery 関連記事まとめ

はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuer…

jQueryプラグインの書き方を考えてみる(3)

更新履歴 2010-01-21 プラグイン定義方法については、約1年後に再考した下記エントリの方をお勧めします。 jQuery プラグインの定義パターンについて調べてみた - Cyokodog::Diary プラグイン API の定義パターンについて調べてみた - Cyokodog::Diary jQue…

IE8 beta2対応版IETesterでtableヘッダ固定のCSS定義を確認した

更新履歴 2010-01-21 本エントリの記述だと一部ブラウザ(google chrome)でうまく表示されないそうです。下記エントリでの記述方法をお勧めします。 テーブルのヘッダとフッタを固定する簡易プラグイン - Cyokodog::Diary IE8 beta2対応版IETesterがリリー…

jQueryプラグインの書き方を考えてみる(2)

更新履歴 2010-01-21 プラグイン定義方法については、約1年後に再考した下記エントリの方をお勧めします。 jQuery プラグインの定義パターンについて調べてみた - Cyokodog::Diary プラグイン API の定義パターンについて調べてみた - Cyokodog::Diary jQue…

jQueryプラグインの書き方を考えてみる(1)

更新履歴 2010-01-21 プラグイン定義方法については、約1年後に再考した下記エントリの方をお勧めします。 jQuery プラグインの定義パターンについて調べてみた - Cyokodog::Diary プラグイン API の定義パターンについて調べてみた - Cyokodog::Diary jQue…

tableのヘッダ固定やソートとかのAjax系ライブラリまとめ

1週間かけて食中毒もなんとか直ったのでブログ再開します。(もうこりごりです....) 例のごとくはてブをすっきりさせたいのでtable関連のリンクをこちらにまとめてく予定です。まだまだありそうですが、おいおい追加してきます。

tableのヘッダを固定させる簡易scriptをサクっと作ってみた

更新履歴 2010-01-21 改良版を作りました。以下エントリをご覧下さい。 テーブルのヘッダとフッタを固定する簡易プラグイン - Cyokodog::Diary 以前のエントリ「Ajax系ライブラリによくあるtableのヘッダ固定の仕組みを調べてみた」で調べた結果、 Javascrip…