Category Archives: JavaScript

JavaScript

【jQuery】Ajaxのエラーレスポンスをパースする方法

jQueryでajaxリクエストを投げ、エラーが返ってきたときに、レスポンスの中身をパースする方法を紹介します。

read more »

JavaScript

簡単にCookie(クッキー)を操作できるJavaScript Cookie

JavaScriptでCookieを簡単に扱える、JavaScript Cookieを紹介します。JavaScript Cookieが提供しているAPIを使うと、JavaScriptでのクッキーを読み書きなどの操作を簡単に行えるようになります。

ちなみに、以前jquery.cookieという似た目的のjQueryプラグインがあったのですが、JavaScript Cookieに移動したそうです。

read more »

JavaScript

UI改善!?jQueryで作るクールな保存ボタンのレシピ

jQueryを使って、Gmailっぽく処理完了メッセージを表示する方法を紹介します。

「保存(成功)」ボタンをクリックすると、非同期でサーバに通信を開始します。通信中は「保存中...」というメッセージを表示させておきます。

通信が完了したら、「保存しました。」というメッセージを表示させます。このメッセージは1秒後に消えます。

gmsave11

また、「保存(失敗)」ボタンをクリックすると、「保存できませんでした。」というメッセージを表示させます。このメッセージは5秒後に消えます。

read more »

JavaScript

[jQuery] history.backを使わないで戻るボタンを実装する方法

今回の記事はjQueryを使ったちょっとしたネタです。Webアプリで戻るボタンを実装する場合、javascriptの「history.back()」関数を一つ前のページに戻ることができます。しかし、場合によってはこの「history.back()」を使いたくない場面があります。その場合にjQueryとHTML5のデータ属性を使い、戻るボタンを実装する方法を記します。

read more »

JavaScript

[jQuery] ヘルプメッセージをポップアップして表示する方法


この記事では、jQueryを使ってヘルプメッセージをポップアップして表示する方法について書いています。まずはヘルプメッセージを表示するサンプルを載せ、次の段階でそれをプラグイン化しています。

※今回のサンプルの動作確認は「Google Chrome」・「Firefox」・「Safari」・「Opera」で行いました。それ以外のブラウザは、期待通りに動かない可能性があります。

read more »