「 jquery 」 一覧

【JS】jQuery / jQuery UI の読込みを Google の Libraries サイト(CDN)から参照する方法

jQuery 及び jQuery UI をCDNから参照する方法を、ほぼ自分用のメモとしてポストします。

CakePHP2 + jQueryUIでテキストボックスにオートコンプリート(オートサジェスト)機能をつける方法

テキストボックスにオートコンプリート(オートサジェスト)機能を、CakePHP2 + jQueryUI環境で作成したので作り方を備忘録としてポストします。

jQuery

jQueryで画面の縦・横幅を取得して、ボックス要素を中央に配置する方法

Javascriptのアラートウィンドウのようなものを自作したいとき、jQueryを使って画面(ブラウザ)の縦・横幅を取得し、表示させたいボックスを画面の中央に配置する法です。

jQuery

jQuery Cookie を使ってタブ切り替え状態を保持する方法

以前作成したタブ切り替えのスクリプトを拡張し、リロードや別ページから戻った場合でもアクティブになっているタブをアクティブのままにしておく、ということがしたくなったのですが、どうやらjQuery Cookieというライブラリを使えば出来そうだったので、実際にやってみました。

jQuery

ラジオボタンの背景色をjQueryを使って変更してみる その2

以前ポストした選択したラジオボタンの背景色を変更するスクリプトを少し改造し、多数のラジオボタンを対象とするスクリプトを作成したので、備忘録としてポストします。

jQuery

jqueryで時刻の入力補助スクリプト jquery.tgClockPickTip2 を作ってみた

以前、時刻の入力補助ライブラリ「jQuery ClockPick」を紹介しましたが、さらに使いやすいライブラリを発見。
その完成度の高さに感動し「ソースを見ないで同じものを作ってみよう!」とマルパクなものを作ってしまいまいました。

jQuery

ミニロト、ロト6、ロト7番号ジェネレータを作ってみた。

以前のポストで作った「ミニロト」番号ジェネレータを拡張して、ロト3種を選択できるようにしたものを作ってみました。

jQuery

jQueryで「ミニロト」番号ジェネレータを作ってみた。

JavaScript でランダムな文字列なり数値を作成するのってどうするんだ、と ...

jQuery

jQueryで各国通貨を日本円にするコンバーターを作ってみた。

前回のポストでJSONPで取得した為替レートを利用して台湾ドルを日本円に換算する ...

jQuery

jQueryで台湾ドル to 日本円コンバータを作ってみた。

前回のポストネタであるJSONP取得を使い、台湾ドルの為替レートAPIを利用して ...

jQuery

jQueryでJSON、JSONP 連携してみる。

jQuery の $.ajax() を利用してjson、jsonp形式のデータを ...

jQuery

ブラウザごとに異なるCSSのclassを付与する仕組みをjQueryで作ってみた。

ブラウザごとに異なるCSSのclassを付与し、見た目を変えてみる仕組みをjQu ...

jQuery

【jQuery】連動プルダウン用プラグイン『jquery.tgHierSelect』をより簡単に設置できるようバージョンアップ

以前作成した「jquery.tgHierSelect」ですが、連動させるプルダウン数が増えた場合や、同じページに2個以上の連動プルダウンがある場合などに、かなり手を入れないと使えない状態だったので、それらを解決しつつ、オプションの記述もシンプルになるよう、バージョンアップしました。

jQuery

【jQuery】3つのプルダウンを連動させるプラグイン『jquery.tgHierSelect』を作ってみた

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

jQuery

半角英数から全角英数へなど、文字を変換するスクリプトをjQueryを使って組んでみた。

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

Eyecatch jQuery

スマホアプリでよく見る横から出てくるスライドメニューを実装できるjQueryのプラグイン「Sidr」。

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

Eyecatch jQuery

時刻入力の入力補助として便利な「jQuery ClockPick」を使ってみる。

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

jQuery

【JS】クレジットカード番号を入れるフォームで、4桁入れ終わったら次のフォームにフォーカスを移すスクリプトをjQueryで組んでみた

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

jQuery

プルダウンメニュー連動でテキストを切り替えるスクリプトをjQueryで組んでみた

ちょっとした事ですが、プルダウンメニューを選択した際に、指定のテキストを表示させ ...

Eyecatch jQuery

多角レーダーチャートを作成する「Jquery Canvas Chart」を使ってみた。

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