Öffnen Sie eine bestimmte Registerkarte von verschiedenen Seite

Question

Konnten Sie mir helfen, mein spezifisches Problem zu lösen? Ich möchte einen Link von einer Seite erstellen, um eine andere mit aktivem Tab zu öffnen, nur mit JavaScript.

--------------------- SEITE 1 ---------------------

function chooseFloor(evt, oneFloor) { 
 
    var i, tabcontent, tablinks; 
 
    //Hide all elements with class tabcontent 
 
    tabcontent = document.getElementsByClassName('tabcontent'); 
 
    for (i = 0; i < tabcontent.length; i++){ 
 
    tabcontent[i].style.display = 'none'; 
 
    } 
 
\t 
 
    //Delete class form all active elements 
 
    tablinks = document.getElementsByClassName('tablinks'); 
 
    for (i = 0; i < tablinks.length; i++){ 
 
    tablinks[i].className = tablinks[i].className.replace(' active', ''); 
 
    } 
 
\t \t 
 
    // show tab 
 
    document.getElementById(oneFloor).style.display = 'block'; 
 
    evt.currentTarget.className += ' active'; \t 
 
}

<div class="tab"> 
 
    <a id="tab1" class="tablinks" onclick="chooseFloor(event, 'One')" href="#first" >One</a> 
 
    <a id="tab2" class="tablinks" onclick="chooseFloor(event, 'Two')" href="#second">Two</a> 
 
    <a id="tab3" class="tablinks" onclick="chooseFloor(event, 'Three')" href="#third">Three</a> 
 
    <a id="tab4" class="tablinks" onclick="chooseFloor(event, 'Four')" href="#fourth">Four</a> 
 
</div> 
 

 
<div class="container">  
 
    <div id="first" class="tabcontent">Content 1</div> 
 
    <div id="second" class="tabcontent">Content 2</div> 
 
    <div id="Third" class="tabcontent">Content 3</div> 
 
    <div id="fourth" class="tabcontent">Content 4</div> 
 
</div>

--------------------- SEITE 2 ---------------- -----

if (location.hash && ['#first', '#second', '#third', '#fourth'].indexOf(location.hash.toLowerCase()) > -1) { 
 
    //function for selecting right tab? 
 
}

<div><a href="index.html#first" >Button 1</a></div> 
 
<div><a href="index.html#second" >Button 2</a></div> 
 
<div><a href="index.html#third" >Button 3</a></div> 
 
<div><a href="index.html#fourth" >Button 4</a></div>

Answer 1

Sie können sessionstorage verwenden, um dies zu erreichen, setItem auf der ersten Seite und getitem auf der Zielseite verwenden.

Ich hoffe, das hilft.