jQuery
jQuery Mobile | jQuery Mobile を使って Ruby on Rails で作ったWebサイトを iPhoneなどのスマフォに対応したサイトに変更してみました。以下の画像は Ruby on Railsの Scaffold で作ったサイトをjQueryMobile対応した後の画面です。クールなスマフォサイト…
お仕事で、データの並び順を簡単に設定出来る方法を考えていたら、JQuery UI のSortable が使えるのでは? と思い試してみました。 下の画像は、 Ruby on Railsの Scaffold で作ったアプリの一覧画面に Sortable を組込、一覧の行をドラックし適当な場所にド…
お客様の要望で、画面上で画像をスライドする Javascriptを作りました。デモ → http://ey-office.net/samples/090523/slider.html 最初は、JQueryのプラグインを探して使ってみたのですが、どれも機能が多すぎていまひとつでした。 そこで色々と調べてみると…
IE8がリリースされたので、以前作った jQueryを使っているRailsアプリの動作確認をしてみたところ、グラフが表示されなくなりました ^^); flot がIE8で動作しないようです。ただし、IE8には IE7と同じように動作する互換表機能があるのでサイトを互換表示の…
仕事で必要になったので、PCのブラウザー上で絵文字を入力パッドを作ってみました。jQueryを使ったので簡単でした。 ただし、いつものように IE対応(IE6, IE7で動きます)には時間がかかりました ^^);入力フィールドの右にあるアイコンをクリックすると絵文字…
Javascript使いには当たり前の知識かもしれませんが、 CheckBoxで change イベントを使ってはいけません。 clickを使いましょう。 FireFox,Safariでは動いても IE では動きません!実は、今日でこの問題に当たったのが 2回目だったので3回目は無いようにこ…
仕事で複数選択できるカレンダーが必要になり、jQuery プラグインの datePickerを使ってみましたが、バグなのか中々うまく行きませんでしたが何とか動くようになりました。 jQueryプラグインのカレンダー(date picker)は幾つかありますが、複数選択できそう…
訳あって、jQuery プラグインの TreeView, Flexigrid を Ruby on Rails + jRails で使ってみました。以下の画像のように左のツーリー(TreeView)で選択したディレクトリー内のファイル一覧が 右側の テーブル(Flexgrid) に表示されます。 使っているソフトな…