jQuery

jQuery

jQueryで登録したイベントを意図的に発生させる方法

■triggerでイベントを発生させる 例えば、ドロップダウンリストを操作した時に発生するchangeイベントを発生させたいときは、以下のように記述すると発生します。 以下の様なドロップダウンリストがあるとします。 <select name...
jQuery

Ajax通信中のくるくる画像を生成するサービス

Ajaxで非同期通信中のくるくるGIF画像を生成するWebサービスです。 色やパターンを設定して、generateボタンを押すとGIFが生成されます。透過GIFも生成できます。
jQuery

jQueryで複数checkboxのチェックされている値のみ簡単に取得する

チェックボックスのなかで、チェックされているフォームの値だけを、jQueryを使って取得する方法です。 以下の様なHTMLを用意します。 <label for="test1" class="checkbox"> <input type="c...
jQuery

【スマートフォン対応】iScroll.jsを使ってパンくずリストを横スクロールするサンプル

スマートフォンのパンくずリストは、スマートフォンの画面のサイズ上、複数行になってしまうと表示が見えづらくなることが多いです。 そこで、スマートフォンで表示した時に、横にフリックしてスクロールできるパンくずのサンプルをかきました。以下の画像の...
jQuery

jQueryでセレクトボックスのOptionタグの数を数える

jQueryを使ってセレクトボックスのoptionの数を数える方法です。 selectCount = $('#selectBoxList').children().length; もっと正確に数えるならchildrenの部分にoptionタ...
jQuery

jQueryで特定のIDで囲まれたcheckboxを一括ON/OFFする

webシステム構築している時に、【すべての項目をチェック】や【すべての項目を選択解除】などの処理がjQueryだと1行で実現できます。 jQueryを使って、一括で特定のIDで囲まれたチェックボックスをON/OFFする方法です。 ■HTML...
jQuery

jQueryでajaxを使ってファイルをPOSTするサンプル

jQueryのajax機能を使って、ファイルなどをPOSTする時の書き方サンプルです。対象IDを記述したformタグからactionの中身を取得して、POSTしています。 // 情報をajaxでPOST function dataSubmi...
jQuery

jQueryでhiddenの内容を取得する

以下のようなhiddenのフォームの内容をjQueryを使って値を取得する方法です。簡単です。 <input name="hogehoge" type="hidden" value="mogemoge" /> 以下のように記述します。すると...