jQuery

jQueryMobileを使って 簡単にRuby on RailsサイトをクールなiPhone対応サイトにしてみた

jQuery Mobile | jQuery Mobile を使って Ruby on Rails で作ったWebサイトを iPhoneなどのスマフォに対応したサイトに変更してみました。以下の画像は Ruby on Railsの Scaffold で作ったサイトをjQueryMobile対応した後の画面です。クールなスマフォサイト…

JQuery UI Sortable を使ってドラックアンドドッロプでRuby on Railsの一覧表示の順を設定する

お仕事で、データの並び順を簡単に設定出来る方法を考えていたら、JQuery UI のSortable が使えるのでは? と思い試してみました。 下の画像は、 Ruby on Railsの Scaffold で作ったアプリの一覧画面に Sortable を組込、一覧の行をドラックし適当な場所にド…

シンプルな事はJQueryだけでやった方が良い! -- 画像をスライドするエフェクト

お客様の要望で、画面上で画像をスライドする Javascriptを作りました。デモ → http://ey-office.net/samples/090523/slider.html 最初は、JQueryのプラグインを探して使ってみたのですが、どれも機能が多すぎていまひとつでした。 そこで色々と調べてみると…

IE8で flot(グラフJavascriptライブラリー)が動作しない

IE8がリリースされたので、以前作った jQueryを使っているRailsアプリの動作確認をしてみたところ、グラフが表示されなくなりました ^^); flot がIE8で動作しないようです。ただし、IE8には IE7と同じように動作する互換表機能があるのでサイトを互換表示の…

絵文字入力パッドを作ってみた

仕事で必要になったので、PCのブラウザー上で絵文字を入力パッドを作ってみました。jQueryを使ったので簡単でした。 ただし、いつものように IE対応(IE6, IE7で動きます)には時間がかかりました ^^);入力フィールドの右にあるアイコンをクリックすると絵文字…

CheckBoxで change イベントを使ってはいけない!

Javascript使いには当たり前の知識かもしれませんが、 CheckBoxで change イベントを使ってはいけません。 clickを使いましょう。 FireFox,Safariでは動いても IE では動きません!実は、今日でこの問題に当たったのが 2回目だったので3回目は無いようにこ…

jQuery datePicker をインライン + 複数選択で使う

仕事で複数選択できるカレンダーが必要になり、jQuery プラグインの datePickerを使ってみましたが、バグなのか中々うまく行きませんでしたが何とか動くようになりました。 jQueryプラグインのカレンダー(date picker)は幾つかありますが、複数選択できそう…

jQuery TreeView, Flexigrid を Rails で使ってみた

訳あって、jQuery プラグインの TreeView, Flexigrid を Ruby on Rails + jRails で使ってみました。以下の画像のように左のツーリー(TreeView)で選択したディレクトリー内のファイル一覧が 右側の テーブル(Flexgrid) に表示されます。 使っているソフトな…