2018年8月6日
最初の非同期処理を完了後に次の処理を実行させる「jQuery.when()」
AjaxでAPI用のアクセストークン等のデータをJSONを取得して処理、受け取ったアクセストークンをもってまたAjaxで通信、といった場合、「最初の非同期処理が正常に完了したら次の処理を実行」という順...
2018年5月26日
タブメニューをクリックしてコンテンツを切り替えるjQuery
タブメニューをクリックしてコンテンツを切り替える、よく使う動作のjQueryです。シンプル且つ汎用的に、タブメニューが増減しても簡単に対応しやすい書き方を意識し、コンテンツを表示させる時にふわっと表示...
2018年1月12日
年月日や曜日を取得して処理するjavascript
プログラムに触れれば必ず通る「年月日の取得」。コピーライトに表示させる年数を自動表示させるといった時に活躍するこのスクリプト、コピペ用としてお使い下さい。 javascriptvar date ...
昔からあるサイトだとjQueryのコアファイルが1系であることもしばしば。しかしいつまでも古いままだとセキュリティの問題やプラグインの動作に問題が生じる事があるので、なるべくアップデートしておきたいと...
2017年5月6日
スマホサイト制作に便利なレスポンシブ対応時に使えるjQuery
最近では対応がほとんど必須となってきたPCでもスマートフォンでも閲覧できるように表示を切り分ける「レスポンシブ対応」。実装方法は様々ですが、今回はJavascriptでユーザーエージェントを取得したう...
2017年5月5日
スクロール付きのDIV内で指定した要素までスクロールさせるjQuery
ボタンをクリックしたらスクロール付きのDIV内で指定した要素までスクロールさせる動作をjQueryで実装してみました。ポイントはDIVに指定するCSSで、「position:relative」の指定が...
2017年5月1日
AjaxでJSONを処理できない時の対処法「JSON.stringify()」
REST-APIとかXMLHttpRequest(XHR)とかって環境でデータを受け取りたくて、AjaxでJSONを処理するはずがうまく処理できない、という事態に陥った時のメモ。まずはうまく処理できな...
2017年4月5日
jQueryでdisabledを切り替える時の注意点
ボタンの連打を防ぐため、クリックされたらボタンに「disabled=true」を付与してクリックできないようにし、処理が終わったら「disabled=false」とする。フォームの処理などで使うことの...
2017年2月2日
指定した要素の中身を空にするjQuery「empty()」
特定のHTMLタグに囲まれた中身を空にしたい。フォーム関連で割と使用頻度の高いこの動作、jQueryで簡単に実装できます。 HTMLとjQueryの例 下記のようなHTMLがあり、消去ボタンを押し...
2014年12月14日
ある程度スクロールしたらボタンがフェードインして現れるjQuery
このサイトでも採用していますが、クリックすると画面上部にスクロールするボタンを設置しているサイトは多いと思います。このボタンを初期表示では隠しておいて、ある程度スクロールしたらボタンがフェードインして...
