javascriptで制御されているタブパネルの初期表示を前ページからの条件指定で動的に変更したい

Bootstrap のタブナビゲーションで(というかよくあるjavascript制御のタブ表示)で別ページから表示したいタブの情報を渡すことは出来ないでしょうか？

ちょっと説明が下手かもしれなくて大変恐縮なのですが、
本来タブを選択して表示を切り替えるページに、前のページからタブのIDか何かを渡して最初から前のページで選択した条件に当てはまるタブに表示を切り替えたい
という質問なのですが、伝わりますでしょうか。

１ページ目
ボタンがいくつか並んでいる選択ページ
ここで情報を選択

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

２ページ目
タブで表示を切り替える情報ページ
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の

<li>と<div>に全部ifを書く、といった方法しか思いつけません。こんなしょぼくて面倒なやり方ではなくもうちょっとスマートなやり方があると思うのですが、ご存知の方いらしゃいましたらお願いいたします。

下記が私の知識の限界の解決策です。
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件

スマートなやり方があると思うのですが

テンプレートエンジンくらいしか思いつかないですね。

【[W] PHPテンプレートエンジンまとめ一覧と構文例 | Work Tool Smith [ワークツールスミス]】
http://worktoolsmith.com/2012/02/phpテンプレートエンジンまとめ-一覧と構文例/

【2015年版PHPのテンプレートエンジン調査 | IT起業アカデミア】
http://web-academia.org/it_business_web_development/プログラミング/1199/

li の数が多かったり変数の数が多い場合は sprintf を使うと思います。

PHP
1$lis = array( 'tab1' => 'あ'
2	    , 'tab2' => 'い'
3	    , 'tab3' => 'う'
4	    );
5foreach ( $lis as $tab => $val ) {
6	$html .= sprintf( '<li%1$s><a href="#%2$s">%3$s</a></li>%4$s'
7			, /* %1$s */ ( isset( $_GET[ $tab ] ) ) ? ' class="active"' : ''
8			, /* %2$s */ $tab
9			, /* %3$s */ $val
10			, /* %4$s */ "\n"
11		);
12}
13if ( empty( $html ) ) {
14	printf( '<ul class="nav nav-tabs">%2$s%1$s</ul>%2$s', $html, "\n" );
15};