jQuery
パソコン崩壊 先日、雷の影響で約10年間連れ添ったパソコンがとうとう壊れてしまいました。 ここ数日は奥さんが衝動買いして埃をかぶってたVistaのノートPCをひっぱりだして、環境設定にいそしむ毎日です。電源系の故障なのでハードディスクは無事でしたが、…
なにやら意味の分かりづらいタイトルですが、「可変幅+固定幅なマルチカラムレイアウト」とは、ネガティブマージンを使って、メインコンテンツを可変幅、サイドバーを固定幅にするここのブログのようなレイアウトの事を指してます。詳しくは以下をご覧くだ…
かゆいとこだらけの Ex Flex Fixed (サイドメニューなどを一定の範囲でのみ position:fixed させる jQuery Ex Flex Fixed)を作り直しました。改善内容 fixed 要素の幅を自動調整するようにした リキッドレイアウト(可変幅)でちゃんと表示するようにした fixe…
更新履歴 2012-04-27 Ver 0.2.0 再実装し、もろもろ痒いとこを解消しました。詳しくは下記エントリをどうぞ。 一定範囲で position:fixed させる Ex Flex Fixed がかゆいとこだらけだったので作り直しました 2012-02-09 Ver 0.1.3.1 Firefox の場合、watchPo…
更新履歴 2011-10-20 Ver 0.1.3 Ver 0.1.2の fastIframe パラメータ関連の不具合を修正しました。fastIframe パラメータ未定義の旧 colorbox にも対応してます。 2011-10-13 Ver 0.1.2 ColorBox1.3.18に対応しました。 2011-10-08 Ver 0.1.1 jQuery1.6.4に対…
更新履歴 2011-07-05 Ver 0.1.5.1 リスト編集モードで値未入力時のラベル表示不具合等を修正しました 2011-06-20 Ver 0.1.5 表示テキストの整形処理を記述できる replaceLabel パラメータを追加しました。 前回のエントリで、編集データとは別に表示モードで…
更新履歴 2011-07-05 Ver 0.1.5.1 リスト編集モードで値未入力時のラベル表示不具合等を修正しました 2011-04-29 Ver 0.1.4.1 編集値の変換処理の不具合を修正しました 久しぶりのエントリです。 仕事でちょっと必要になったので、以前紹介した In-Place-Edi…
タイトルからも想像できますが、地味な jQuery プラグインです。毎度、似たような記述をするのが面倒だったのでプラグイン化してみました。
jQuery Ex Alert Dialogs の更新履歴 2011-06-07 Ver 0.1.2 各種パラメータの指定、API オブジェクトの取得をできるようにしました。 毎度ながら地味なネタですが、FORM 要素で登録確認のダイアログを表示する際、jQuery Alert Dialogs で代替えする方法につ…
先日、現物とドキュメントの乖離に嫌気がさし、テーブル定義書の和名や説明文を、DBのメタ情報として保存できるようにする Web アプリを作りました。(オラクルのデータディクショナリを利用してます) テーブル定義書イメージな画面から Ajax + In-Place-…
更新履歴 2010-11-25 jQuery Alert Dialogs との併用例を追記しました。 HTML5 のサポートブラウザで実装されてる autofocus 属性をクロスブラウザで使用できるようにする jQuery プラグインです。適用したい要素に autofocus 属性を記述した状態で JS ファ…
ブラウザのウィンドウサイズが変更された時に、何らかの処理を行いたい場合、jQuery では resize() メソッドで window オブジェクトに対し処理を割り当てます。 $( window ).resize(function(){ /* 行ないたい処理 */ }); 一方、div 要素などの普通の HTML …
先日、select 要素の値を矢印キーで変更してたら jQuery の change イベントが起動しないという事象に遭遇しました。例のごとくまた IE6 固有の問題かと思ってたのですが、念のため調べてみると Opera 以外はほとんどのブラウザで再現してしまいました。 と…
先日「jQuery の紹介」と題して、職場(情報システム部門)向けのプレゼン資料を作成する機会がありました。うちの職場では「新技術紹介」という名目で、隔週でプレゼンを行うという決まりがありやむなく作ったものです。(資料の内容自体は、大量にブクマし…
更新履歴 2011-09-29 Ver 0.1.3 に更新 垂直方向へのスクロール状態でのメニュー表示位置ずれ不具合を修正しました。 2010-12-01 Ver 0.1.2 に更新 ドロップダウンメニューの保持を示すマーカー(»)の表示位置の調整処理を補正しました。 2010-11-17 Ver 0.…
更新履歴 2011-07-05 Ver 0.1.5.1 リスト編集モードで値未入力時のラベル表示不具合等を修正しました 2011-06-20 Ver 0.1.5 表示テキストの整形処理を記述できる replaceLabel パラメータを追加しました。 2011-04-29 Ver 0.1.4.1 編集値の変換処理の不具合…
更新履歴 2011-09-29 Ver 0.1.4 に更新 jQuery 1.6.2 に対応しました 2010-06-10 Ver 0.1.3 に更新 getTargets, getTarget メソッドを追加しました 2010-06-04 Ver 0.1.2 に更新 IE6 で実行時にタイミングにより表示されてたエラー警告を、表示されないよう…
前々から GAE/J で何か作ってみたいと思ってたのですが、あまりネタも思いつかなかったので、とりあえず jQuery Plugin のまとめサイトを作ってみました。 jQuery Plugins - jQuery.Doc
更新履歴 2011-06-20 Ver 0.1.1 パスにブランクが含まれてると、FTP に失敗する不具合を修正しました。 Gumblar がはやってるさなかに不謹慎な気もしますが、仕事でちょっと必要だったもので... ActiveX ということで IE でしか使えませんが IE オンリーな会…
時間もネタも無いのですが、最低でも一ヶ月一エントリはしときたいので、前回(CSS1 のみで質感のあるボタンを表現してみる)と同じような内容になりますが書いときます。 今回は CSS1 のみで質感のあるウィンドウを表現してみます。また応用として、ダイアロ…
以下のような丸囲い数字や半角カナを、他の文字に変換する jQuery プラグインを書いてみました。フォーム要素などでこれらの値が入力されるケースが良くあるのですが、環境によっては文字化けやトラブルの要因になるので、登録処理を行う前に代替の文字に強…
jQuery UI の $.widget を使用しプラグイン定義を行うと、jQuery らしい一貫性のあるプラグイン API が使えるようになります(関連記事)但し「ui.core.js(13.6KB)が必須」「API メソッド実行の記述が冗長になる」といった条件がついてしまいます。今回は…
jQuery UI の tabs や accordion といったウィジェット系プラグインでは、専用のプラグイン定義関数 $.widget でプラグイン定義することで、一環性のあるプラグイン API を利用者に提供しています。今回は、$.widget を使ったプラグインの定義方法について調…
更新履歴 2010-06-02 jQuery.exTable.js を Ver 0.1.2 に更新 jQuery 1.3 以上のバージョンで正常動作しない不具合を修正しました。 サンプルを含む zip ファイルでダウンロードできるようにしました。 2010-01-21 jQuery.exTable.js を Ver 0.1.1 に更新 セ…
jQuery の標準 API が DOM 操作等のコア機能に特化しているのに対し、プラグインとして提供される機能には、ウィジェット生成処理をはじめとした拡張機能的なものが多々あります。また、このようなプラグインの中には内部的に生成した要素やメソッドに対し、…
jQuery のプラグインの定義手法については、いろいろな記述の仕方が考えられるかと思います。今回、実際に公開されているソースを参照して、どのような定義パターンがあるのかを調べてみました。 jQuery 標準 API の定義構造のおさらい まず、jQuery が標準…
画面上の変更したいデータや文章をクリックすると、画面遷移をせずその部分のみが編集可能状態になるユーザインターフェースのことを Edit-In-Place あるいは In-Place-Editor と呼ぶそうです。 jQueryでEdit-In-Place(その場編集)を実現するためのプラグ…
exTAB.js は、見出し要素ベースなタブ UI を生成する jQuery プラグインです。 前回のエントリ(アウトラインの付いたタブ UI の CSS の記述方法を調べてみた - Cyokodog::Diary)で調べたタブデザインを簡単に適用できるようにした他、以下のような機能拡張…
以前、exFixed という jQuery プラグインを作成しました。IE6 で position:fixed を実現するプラグインで、特徴として IE6 でもガタつかない position:fixed が可能 クロスブラウザで fixed 要素に対し、位置移動、リサイズ等の動的な変更が可能(素のanimat…
バージョンアップしました。詳細は以下記事をご覧ください。[Ex Scroll] スクロールイベントの開始/終了、方向を判別できる jQuery プラグイン - Cyokodog 需要なさそうですが、備忘録ということで。 只今、以前作成した exFixed.js という jQuery プラグイ…