Dans une page internet j'ai mis des onglets (Tab) via bootstrap avec 4 onglets suyite à un rafraîchissement de la page je voudrais que le 4éme onglet soit actif
Code : Tout sélectionner
<ul class="nav nav-pills" id="myPill" role="tablist">
<li class="nav-item active">
<a class="nav-link active" id="tab-description" data-toggle="tab"
href="#content-description"
role="tab" aria-controls="content-description" aria-selected="true">
Description
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab-informations" data-toggle="tab"
href="#content-informations"
role="tab" aria-controls="content-informations" aria-selected="false">
Informations
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab-fiche" data-toggle="tab"
href="#content-fiche"
role="tab" aria-controls="content-fiche" aria-selected="false">
Variables
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab-photos" data-toggle="tab" <!-- cet onglet doit être actif -->
href="#content-photos"
role="tab" aria-controls="content-photos" aria-selected="false">
Photos
</a>
</li>
</ul>
Code : Tout sélectionner
document.getElementById("content-description").classList.replace("tab-pane fade show active","tab-pane fade");
document.getElementById("content-description").setAttribute('aria-selected', 'false');
document.getElementById("content-photos").classList.toggle("tab-pane fade","tab-pane fade show active");
document.getElementById("content-photos").setAttribute('aria-selected','true');