Possuo duas abas e preciso mostrar informações independentes em cada uma das abas. Na primeira aba, consigo mostrar as informações na qual eu preciso. Porém, na segunda aba, preciso referenciar o conteúdo mostrado utilizando outro link. Neste novo link, as informações já estão consolidadas e eu só preciso mostrar na segunda aba. Como posso referenciar este conteúdo em minha segunda aba? Segue abaixo alguns trechos de código.
<script>
function openCity(evt, cityName) {
var i, x, tablinks;
x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" w3-gray", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " w3-gray";
}
</script>
<div id="ABA1" class="w3-container w3-border city">
***** CONTEUDO MOSTRADO E IMPLEMENTADO CORRETAMENTE *****
</div>
<div id="Programador" class="w3-container w3-border city" style="display:none">
***** CONTEUDO QUE DEVE SER MOSTRADO A PARTIR DA REFERENCIA:
geIndicators.php?rType=STKEXPO&rFilter=PROGRAMADOR&rArea=PCM *****
</div>