JavaScriptを使用したタブの扱い

質問

現在、とある会員サイト内のページ作成を行っているのですが、一部難航してしまっており、検索しても中々思うように情報が見つかりません。

・ページ自体はデザイン担当により作成。拾い物のJavaScriptを使用したタブメニューを使用している。(CSSによるデザインが組み込まれている。)
・タブはカテゴリ毎に分けられている。(例えば「１～４ページ目はタブ１、２～７ページ目はタブ２」のように)
・難航している部分は「↑で書いている「タブ２(２～７ページ目)に属するページに移動した際に、タブの状態が『タブ２が選択されている状態』にしてほしい」という要望

HTMLのbodyタグのonloadで設定する方法がないかと調べてみましたが、未だに見つかりません。
どなたかご存知であれば、お教えください。よろしくお願いします。

回答No.1

fujillin

タブ内の表示をどのようにして行っているのか不明ですが、

1）最初に全タブの内容を読み込んで、表示の切り替えのみでタブ切り替えを行っている場合は、ご質問のようなことは起こらないと思われます。

2）タブ内の表示内容のみ、Ajaxなどで読み込んで表示内容を切り替える方法の場合、やはりご質問のようなことにならないと想像されます。

3）同じデザインの別ページを用意しておいて、タブの切り替え（ページの切り替え）ごとにロードし直す方法の場合、ご質問のような状態になると思われます。
そのときのタブの状態をクッキーに保存してから次のページをロードするようにし、各ページのロード時にはクッキーの内容に応じてタブをセットしてあげればよろしいかと。
（ユーザがクッキーを拒否設定などにしている場合は効きませんが…）