MS Access Tips/Sample and VBA and Blog customize etc...

jQuery Fancybox を導入してみた

前回の記事 jQuery版LightBoxクローンを探す で、紹介したスクリプトから、まずは、高機能そうな Shadowbox に挑戦してみましたが、複数のライブラリに対応しており高機能なためか導入もかなり複雑で、FC2ブログではうまくいきませんでした。FC2ブログでの導入例を探してみましたがYUIライブラリの導入例は見つかりましたが、jQueryでの導入例は見つかりませんでした。で、これは断念しました。 次に挑戦したのが、デザインがよ...

jQuery版LightBoxクローンを探す

LightBox はもうご存じですよね。ページ上の小さな画像をクリックすると拡大された画像がポップアップ表示するというスクリプトです。 本家以外にも多数のクローンが公開されてます。当ブログでも今まで Lightbox Plus を利用させていただいてました。(ちなみに、今回の記事のためにサイトにアクセスしたら更新されていアニメーション効果が追加されていました。jQueryにこだわらなければお勧めのスクリプトです。) 当ブログ...

ドラッグできるラベルのクラス化

前回 マウスドラッグで移動できるコントロール で移動できるラベルを作成しましたが、このようなラベルを複数配置したい場合もあると思います。その場合、ラベルの数だけ、MouseDown、MouseMove、MouseUp イベントプロシージャを記述することになりますが、ちょっと面倒ですよね。 関数(Function)にしてイベントプロパティに設定する方法(ボタンクリックでテキストボックスに文字入力 その1等で紹介)ではイベント引数が使えま...

マウスドラッグで移動できるコントロール

ラベル、イメージなどのコントロールをマウスドラッグで移動できるようにする方法です。 用途としては、席の配置を決めるときに視覚的に分かりやすく操作したいとか・・・、 うーん、他に思いつかない、、、いい使い方の例があったら教えてください^^;。 難易度:...

カテゴリ別全記事一覧スクリプトの不具合対策

カテゴリ別全記事一覧ページを作る で紹介した一覧ページがFirefoxでJavaScriptオフにしたときにレイアウトが乱れるというご指摘がありました。当ブログでも症状を確認したのですが、しばらく忙しかったので原因を調べて対策をするという時間がとれませんでした。 今回、サイトマップを見直す機会にちょっと調べてみました。このスクリプトを書いた時はまだ、JavaScriptをいじり始めたばかりでスキルがなくかなり無理矢理な方法...

入力中もカンマが表示される数値入力用テキストボックス

金額や数値を入力するテキストボックスの書式を「#,##0」とすると3桁区切りのカンマが表示されます。大きな数値の場合桁数が把握しやすいですね。 しかし、入力時にはこの書式プロパティの設定は無視されます。入力中もカンマが表示されていると入力ミスの軽減につながるかも知れませんね。 今回はこれを実現する関数の紹介します。 難易度:...

カテゴリ別全記事一覧も jQueryで折りたたむ

前回の記事、サイドメニュー折りたたみをjQueryで に引き続き、SiteMap のカテゴリ別タイトルリストも折りたたんでみました。 前回の記事のコードを改造してタイトルの前に折りたたみマークを表示させてそれをクリックすることによって折りたたんだり展開したりするようにしました。それに合わせて前回のサイドメニュー折りたたみのコードも変更しました。 折りたたみマークはとりあえずテキストですませました。 難易度:...

サイドメニュー折りたたみをjQueryで

サイドメニュー折りたたみスクリプトを導入 で小粋空間さんのスクリプトをお借りしたのですが、jQueryを導入したので、jQueryを利用したスクリプトに変更しました。 その結果、リストの開閉がアニメーションで徐々に変化するようにできました。小粋空間さんのスクリプトでもprototype.jsが導入してあるとアニメーションは可能らしいですが、jQuery導入済みでprototype.jsを導入するのはためらわれたので、思い切ってjQureyでの...
該当の記事は見つかりませんでした。