「 jquery 」 一覧

リストタグに設定されているテキストを取得するjQueryのスクリプトです。絶対にまた調べることになると思うのでその部分だけを忘備録として書いておきます。

複数（今回は３つ）のプルダウンメニューを連動させ選択内容を変更させる、いわゆる「連動プルダウン」のプラグインをjQueryで作ってみました。

よく使うのに毎回ググってる気がするのでメモ。jQueryを使い、フォームの disabled を設定/解除する方法を備忘録としてポストします。

郵便局サイトの住所を入れる際、地番を入れる欄にて「全角数字を使え」という旨のエラーが出ました。
何でわざわざ全角で数字？漢数字ならまだしも、半角数字で入力されている場合はフロントエンドでなんとでもなるだろう。

スマホ向けサイトを作成の際、メニューをスマホアプリのように横から出したくなり探しました所、「Sidr」というプラグインを発見。

jQueryを使い、ブラウザの横幅を動的に取得・表示するスクリプトを紹介します。

時刻を入力させるフォーム、プルダウンで作っても良かったのですが、ちょっとオシャレ(？)にjQueryの入力補助ライブラリ「ClockPick」を使ってみました。

クレジットカード番号を入れるフォーム（4つに分割してる）を入力する際の入力補助として、4桁入れ終わったら次のフォームにフォーカスを移すというスクリプトを組んでみました。

プルダウンメニューを選択した際に指定のテキストを表示させるスクリプトを作って欲しいという要望があったので jQuery で作ってみました。

作成しているシステムのとある一覧画面に、得点に応じたチャート図をつけて欲しいとの依頼があったので、色々と調べてみたのですが、「Jquery Canvas Chart」が簡単でわかり易かったのでご紹介。

前回に続き、ファイルをまとめてアップロードする jQuery のプラグイン「Uploadify」の使い方。今回はCakePHPでの設置の方法を晒してみたいと思います。

画像ファイルを複数枚一気にアップロード出来ないかと探していましたら「Uploadify」というjQueryのプラグインを発見しましたので、その設置方法を忘備録代わりにポストです。

検索条件などをフォームに記述・選択後、GET方式で引き継いでいる時、HTMLにある普通のリセットボタンではデータは初期化されません。そこで、jQueryを使ってデータを初期化するというイメージのスクリプトを作ってみましたのでご紹介。

生年月日（年/月/日）を選択すると、リアルタイムで通算の年齢と年月日を表示させるスクリプトが必要になったので、せっかくなので勉強含みで自分で組んでみました。

jQuery UI を使う機会があったので、そのダウンロード方法と設置方法を紹介。次のポストで実際に jQuery UI を使用したスクリプトを解説したいと思います。

インプットフォーム入力の際に、近くに置いたラジオボタンで対象フォームの disabled を切り替えるスクリプトを jQuery で組んでみました。

ツイッター風の通知バーを作りたくなり、jQueryで組んでみましたので、公開。コード自体はほんの少しなんですが、なかなかうまく行かず結構時間が掛かってしまった…。

ログインページなどでページを開いた時に、IDやユーザ名用テキストボックスにフォー ...

複数個のテキストエリアに対し文字数をカウント、文字数をリアルタイムで表示する事になったので、スクリプトを組んでみました。

以前作成したツールチップを拡張し、クリックではなくマウスオーバーでポップアップするようにしてみました。クリック版ではリンクタグを利用していたためにボタンに埋め込んだりは出来なかったのですが、titleタグを利用する形式にしたため、リンクの他にも使えるようにもなっています。

都道府県別の送料を指定するフォームに一括で同じ数値を入力する場合などを想定したスクリプトを作成したので紹介します。

ラジオボタンの選択値によって指定したテーブルのTRタグ（無論DIVでも）の表示・非表示を変更し、内容を操作するJavascript（jQuery）の紹介です。

jQueryを使い、フォーム内容が埋まっているか、選択されているかなどをチェックする方法のメモ。

ECサイトでよくある、サムネイル画像にカーソルを合わせると、メイン画像が入れ替わるというスクリプトをjQueryを使い書いてみたので、公開してみます。プラグイン化もしてみました。

娘の百日膳を行うにあたって「誕生日からの100日目っていつなんだ？」というのを調べる機会があったのですが、せっかくなので勉強がてら自分でも組んでみようと思い、日数計算できるスクリプトをjQueryを利用して作ってみたので公開してみたいと思います。

チェックボックスが大量にあるページなどのユーザビリティに向上を考え、一括でチェックできる仕掛けをjQuery使って作成してみました。ついでにチェックされた対象のラベルの背景色も変更できるスクリプトとなっています。

下スクロールでふわっと表示させ、クリックすると上部へスルスルっと戻って消えるというスクリプトを組んでみました。戻るボタンもテキストではなく画像にし、ファイル名末尾に「_on」をつけた画像で差し替えも行なっています。

今回はリンクをクリックされると表示するツールチップのスクリプトを組んでみました。フォーム入力する際のヘルプなどの表示を主な用途と考えていますが、使いどころはほかにもありそうな予感。基本的なものなので、改造は簡単にできそうですしね。

jQueryの練習で何かを作ってみようということで、yahooトップページのトピックスに使われているような、タブの切替を作ってみました。

jQueryの勉強として、マウスカーソルが乗った時にアニメーション（フェードイン、フェードアウト）しながら切り替わる「ふんわりロールオーバープラグイン」を作成してみました。