2016-06-15 3 views
-2

私はページAにハイパーリンクを持っているオープニングクリックからの1ページの別のタブ

は(TABS1 & TAB2の内容は「表示:なし」です)の2つのタブがあります。私はAをクリックしたときに私がしたいですページのハイパーリンク、ページB 2番目のタブを開く/アクティブにする必要があります。

私はJavaScriptソリューションのためにlokingです。

APage.html

<a href="BPage.html">Show 2nd Tab of 'BPage.html'</a> 

BPage.html:

<div id="tab1" style="display:none;">This is first tab content</div> 
<div id="tab2" style="display:none;">This is Second tab content</div> 

おかげ

+0

ページbが表示されますか?またはそのようなステップの検証? –

+0

は別々に表示されます。 –

+1

OK。今、あなたは何が欲しいかを知っています。これまで達成してきたことを私たちに示すことはどうですか? – melancia

答えて

1

APage.html:

<a href="BPage.html#tab2">Show 2nd Tab of 'BPage.html'</a> 

BPage.html:

<div id="tab1" style="dispaly:none;">This is first tab content</div> 
<div id="tab2" style="dispaly:none;">This is Second tab content</div> 
<script type="text/javascript"> 
document.getElementById(window.location.hash.substr(1)).style.display='block'; 
</script> 
+0

タブ内にタブがあり、アウター&インナータブのコンテンツを両方とも開こうとしています。これは機能しません。 –

+0

タブ内のタブ用に、すべての外側タブを開くようにJSを改善する必要があります。 –

+0

Thnx Eduardヘルプを無効にします。 –

0

私は私を助けてくれ、このスクリプトを書いています。

var lnk = window.location.hash; 
    var cap= lnk.substr(1); 
    var splt = cap.split('#'); 
    var str2 = splt[0]; 
    var str3 = splt[1]; 
    var str4 = splt[2]; 
    var str5 = splt[3]; 
    document.getElementById(str2).style.display='block'; /*BPage 1st Tabs box- 2nd Tab*/ 
    document.getElementById(str3).style.display='block'; /*BPage 2st Tabs Box*/ 
    document.getElementById(str4).style.display='none'; /* BPageHiding 1st Tabs box-Active tab#*/ 
    document.getElementById(str5).style.display='block'; /*BPage 2st Tabs Box- 1st active tab */ 
+0

あなたはvar str2 = splt [0]を使用できません。 var str2 = splt [1];文字列を配列に分割して文字列に変換します。どのようにsubstrメソッドに値を取得しましたか?アンカーの長さが異なる場合はどうなりますか? –

+0

は現在固定です。 –

+0

私はそれを試みます –

関連する問題