タグ

ブックマーク / blog.honestyworks.jp (1)

  • HonestyWorks TechNote » メニューやタブをjavascriptでactiveにするちょっとしたアイディア

    概要 WebアプリケーションやWebサイトを構築するときにヘッダーやサイドバー領域などにメニューやタブを(アコーディオンや短冊型など)配置するデザインが一般的かと思います。 このようなデザインでは現在表示されているページのメニューには class=”active” などと指定してフォーカスを当てるようになっていることが多いですね。 全てのページをべたで静的HTMLとして作る場合はいいですがメニューやサイドバーを共通部品としてSSIやサーバーサイドのテンプレートエンジンでインクルードしている場合はどうやってメニューにフォーカスを当てようか思案のしどころです。 このような場面で使えそうなアイディアを紹介します。 アイディア jqueryを使ってonload時にメニューにフォーカスを当てる(classを追加する)ようにします。 まず、メニューのフォーカスを当てたい要素には menu_ではじまるi

    studio-h
    studio-h 2015/09/22
    グローバルナビゲーション,active, current
  • 1