SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

Category / jQuery

【jQuery】$.ajax() で失敗時に常に実行したい処理があるとき

2019-12-17 問題 $.ajax() でリクエストして、HTTPステータス401や404や500番台が返ってきたとき、常にある処理をしたいのですが。 答え Global Ajax Event Handlers の .ajaxError […]

【Bootstrap】datepicker(日付選択UI)

2013-08-30 問題 Bootstrapを使っているのですが、日付選択UIはやっぱりjqueryuiのdatepickerを使うしかないでしょうか…… jqueriy.ui.datepicker はいいと思うんだけど、読み込まないといけ […]

【jqueryui】datepickerしたinputのclone

2013-08-28 問題 jqueryuiのdatepickerで日付入力できるようにした要素をcloneして複製をどこかに追加したとき、日付入力できなくなってて困っているのですが。 答え ここまでやること。 //複製して var clon […]

【jQuery】easing関数を作る

2013-08-03 animateやslideDownなどの動きのある処理で使う、値の変化の仕方を指定できるeasing。 jQuery本体には linear, swing のみがあり、jQueryUIやeasingプラグインを追加するとバ […]

【jQuery】回転のアニメーションをする例

2013-08-02 問題 jQueryプラグインとか無しで、回転できる? 答え 回転します。 jQueryプラグイン無しで、回転します! jQueryのanimateは、数値で設定できるスタイルシートのプロパティでしかアニメーションできない […]

【jQuery】セレクトボックスを空にしてから選択肢を追加する書き方の例

2013-03-17 問題 セレクトボックスを空にしてから選択肢(<option>)を追加してみてください。 答え id=”target”のセレクトボックス の子要素 を除去して、 id=”ta […]

【jQuery】拡大・縮小のアニメーションをする例

2013-03-15 問題 jQueryプラグインとか無しで、拡大・縮小できる? 答え 拡大・縮小します。jQueryプラグイン無しで、拡大・縮小します! jQueryのanimateは、数値で設定できるスタイルシートのプロパティでしかアニメ […]

日時の入力欄を、後の処理はしやすいままで、入力しやすくする(datetimepickerっぽいもの)

2012-11-27 問題 以下のような、日付と時間を入力するタイプの日時入力欄が入力しにくい。 YYYY-MM-DD hh:mm:ss形式で入力してもらえると楽なのはプログラマの都合。ユーザーには優しくない。 下図のような入力欄にしたい。 […]

【jQuery】marginの値を数値で取得したい

2012-10-06 問題 marginの値を数値で取得したい。 答え こんな感じでよいと思います。 parseInt($('#target').css('margin-left'), 10); $(‘#target’ […]

jquery.ui.datepicker.jsに最小限の手を加えて年月選択UIを作る

2012-07-31 日付入力、カレンダー入力をしたいときは jquery.ui.datepicker.js。 では、年月入力ができる機能が欲しいときはどうしましょう。 → jquery.ui.ympicker.js デモ 今回は、jquer […]

【jQuery】triggerしたイベントを引数で区別する

2012-07-20 $.trigger()は引数を持たせることができます。 通常の使い方。 $(function(){ $(document).on("BUTTONCLICK",function(){ alert("クリックされました"); […]

【jQuery】バーコードの「NW-7」を表示するjqueryプラグイン

2012-06-18 バーコードの[NW-7]を描くjqueryプラグインを作ってみました。 NW-7のバーコードにしたい「スタートコード(A~D)、0123456789-$/:+.からなる文字列、ストップコード(A~D)」の文字列を、pやd […]

【jQuery UI】datepickerで年/月/日で別々のフォームにしたい時

2012-05-03 問題 jQueryUIのdatepickerは、基本は1つのinputに対してのみ処理を行うようにできていますが、年、月、日の3つに分けて入力させるにはどうするとよいでしょう。 答え ・カレンダーを開く際には3つの年月日 […]

【jQuery】リストをページ分けしてjqueryuiのタブにする

2012-05-02 ある長いリストがあるとき、そのHTMLのプレーンなリスト(ulとliのリスト)を、スクリプトで変形し、1-10、11-20…のように区切って、jqueryuiのtabsを適用し、縦に短くし、タブ切り替えで閲覧できるように […]

【jQuery】長いリストを短くして「もっと見る」をつける

2012-04-27 リストで、あまりに長くなって邪魔な場合があると思います。 例えば、WorPressの年月日のアーカイブの一覧が、3年ぐらいたつと36個もできてしまう。 普段は上10個ぐらいあれば十分。でも件数制限して画面から消してしまう […]

【jQuery】jQuery.grep を使ってみる

2012-04-24 $.grep(配列, 判定用関数) を使うと、配列の中から判定用関数がtrueを返したものだけを取り出すことができます。 使用例1 3の倍数だけを取り出す。 var a = [78, 96, 32, 3, 45, 7, […]

【jQuery】jQuery.each を使ってみる

2012-04-22 $.each(配列 or オブジェクト, コールバック) を使うと、for文でループするのと同じことができます。 $.eachって何? jQueryにはいくつか便利機能が付いています。 http://api.jquery […]

jQueryUIのdialog(ダイアログ)の優雅な使い方

2012-04-17 通常のマニュアルのとおりにjqueryuiのダイアログを使うと、画面上にダイアログ用の要素を仕込んでおく形になります。 例) <script> $(function() { $("#dialog").dial […]

【jQuery】今見えているかどうか、表示しているかどうかを取得する

2012-04-11 画面上の要素を表示したり非表示にしたりすることがあるけど、今表示しているかどうかが取得できる方法です。 今非表示のものにマッチするセレクタがあります。 :hidden jQueryで、セレクタにマッチする要素があるかどう […]

【jQuery】クリックなどのイベントを発生させる

2012-04-08 .trigger()を使います。 例えばid=”sample”に対してclickイベントが登録されているとして、 $('#sample').on("click", function(){ aler […]