Bootstrap のタブナビゲーションで(というかよくあるjavascript制御のタブ表示)で別ページから表示したいタブの情報を渡すことは出来ないでしょうか?
ちょっと説明が下手かもしれなくて大変恐縮なのですが、
本来タブを選択して表示を切り替えるページに、前のページからタブのIDか何かを渡して最初から前のページで選択した条件に当てはまるタブに表示を切り替えたい
という質問なのですが、伝わりますでしょうか。
1ページ目
ボタンがいくつか並んでいる選択ページ
ここで情報を選択
A.htmlファイル
html
1 2<p><a href="B.html">「あ」を見る</a><p> 3<p><a href="B.html">「い」を見る</a><p> 4<p><a href="B.html">「う」を見る</a><p> 5
2ページ目
タブで表示を切り替える情報ページ
Aで選択した情報を初期表示させたい
B.htmlファイル
html
1 2<ul class="nav nav-tabs"> 3 <li class="active"><a href="#tab1">あ</a></li> 4 <li><a href="#tab2">い</a></li> 5 <li><a href="#tab3">う</a></li> 6</ul> 7 8<div class="tab-content"> 9 <div class="tab-pane active" id="tab1">Tab1 Content</div> 10 <div class="tab-pane" id="tab2">Tab2 Content</div> 11 <div class="tab-pane" id="tab3">Tab3 Content</div> 12</div> 13
ちなみに使っているのはブートストラップのタブナビゲーションです。
私の知識ですと
B.htmlのタブはclass="activ"を付けると初期表示されるのでphpでAからBへ情報渡して、B.htmlの
下記が私の知識の限界の解決策です。
A.html
<p><a href="B.html?a">「あ」を見る</a><p> <p><a href="B.html?b">「い」を見る</a><p> <p><a href="B.html?c">「う」を見る</a><p>
B.htmlファイル
html
1 2<ul class="nav nav-tabs"> 3 <li <?php if(isset($_GET['a'])) { echo 'class="active"'; } ?>><a href="#tab1">あ</a></li> 4 <li <?php if(isset($_GET['b'])) { echo 'class="active"'; } ?>><a href="#tab2">い</a></li> 5 <li <?php if(isset($_GET['c'])) { echo 'class="active"'; } ?>><a href="#tab3">う</a></li> 6</ul> 7 8<div class="tab-content"> 9 <div class="tab-pane <?php if(isset($_GET['a'])) { echo 'active'; } ?>" id="tab1">Tab1 Content</div> 10 <div class="tab-pane <?php if(isset($_GET['b'])) { echo 'active'; } ?>" id="tab2">Tab2 Content</div> 11 <div class="tab-pane <?php if(isset($_GET['c'])) { echo 'active'; } ?>" id="tab3">Tab3 Content</div> 12</div> 13
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。