Web Tips：JavaScript

jquery.cookie を使ってサイトの状態を保存する

クッキーを保存して利用するにはPHPを使う方法が一般的ですが、JavaScript でも扱えます。JavaScript でのクッキーの取り扱いを簡単にする jQueryプラグイン「jquery.cookie」の使い方を解説します。

jQuery UIに付属しているアイコンを単独で利用する

jQuery UIでは、アイコン付きのボタンやメニューを作成することができます。jQuery UIをインクルードしていれば、付属しているアイコンはHTML要素にクラス指定することで、単独でも使用できます。

入力フォームのテキストガイドをjQueryで実装する

問い合わせメールなどの入力フォームのガイドとして、テキストボックスに薄いグレーの文字を表示させておくことがあります。HTML5でも実装できますが、jQueryプラグインを使った方法を解説します。

jQueryで開閉式FAQを実装する

質問の文章をクリックしたら、回答の文章が開きその下に表示されるWebページがあります。
それだと不必要な質問の回答は折りたたまれているためスペースの節約になります。
そのような開閉式のFAQをjQueryで実装する方法を解説します。

コピーライトの年表示を自動更新する

ホームページの下のほうにある著作権表記ですが、コピーライトの年を示す表示が古いままになっているサイトがかなりあります。
年が新しくなったら自動更新するように設定しておく方法をいくつか紹介します。

JavaScriptでスムーズスクロールを実装する

ページ内リンクでページトップに戻る時に、スクロールがなめらかだとユーザーが違うページにジャンプしたと勘違いしなくてすみます。
このスムーズスクロールをJavaScriptで実装する方法を紹介します。

jQuery UIを使ってタブメニューを実装する

タブメニューを実装するには、jQuery UIのコンポーネントWidgets Tabsを使うと簡単にできます。ただし、WordPressで実装するには少し注意が必要です。WordPressにはjQuery本体とjQuery UIもパッケージングされていますが、独自仕様のjQueryになっています。