JSを使ったタブの別ページからのリンク方法について

質問

初めて質問します。

プログラムはまったくの素人です。
JSを使ったタブの切り換えページを制作しています。
タブの設置は終わっているのですが、
別ページから、タブに直接リンクをしたいと思っています。

下記JSを使用しています。

http://wingplanet.pupu.jp/jquery_tab_fadein.js

JSのどこを書き換え、別ページにどのようにリンクをかけば、
タブに直接リンクできるでしょうか？

どなたかおわかりになる方がいらしゃいましたら、
教えて下さい。

よろしくお願いします。

回答No.2

fujillin · ベストアンサー

A No1です。

こちらの環境では、ご提示のHTMLではちゃんと動きませんが、それは置いておくとして…

全部のセッティング終了後に
　var hash = location.hash;
　if(hash) $("ul.btn_tab a[href=" + hash + "]").click();
で、いけると思います。

URIのハッシュ部の指定tab名のタブをクリックさせています。
詳しくはA No1で挙げた参考リンクの内容を見てください。

回答No.1

fujillin

jsファイルだけで全貌が理解できるような神様ではないので…

URIのハッシュを利用するのが多いのではなかろうか。
方法としてはこのあたり（↓）をご参考に。
　http://oshiete.goo.ne.jp/search_goo/result/?MT=%E3%82%BF%E3%83%96%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%80%80+%E3%83%AA%E3%83%B3%E3%82%AF&article_type=qa_cat&code=utf8&mt_opt=a&qatype=qa&st=all&sr=norm&tf=all&c=254

補足

<div id="wrapper">
<ul class="btn_tab">
<li><a href="#tab1" class="selected">
<img src="" /></a></li>
<li><a href="#tab2" class="selected">
<img src="" /></a></li>
<li><a href="#tab3" class="selected">
<img src="" /></a></li>
</ul>

<div class="main_contents_box">
<div class="container_tab">

<div id="tab1"></>
<div id="tab2"></>
<div id="tab3"></>

</div></div></div>