Utilisation Bootstrap diverses

Liens importants

Site de Bootstrap : https://getbootstrap.com
Documentation : https://getbootstrap.com/docs/5.3/getting-started/introduction

Créer des onglets persistants

Avoir des onglets : https://getbootstrap.com/docs/5.3/components/navs-tabs/#tabs

Faire en sorte que les onglets sont gardés après rechargement de la page :

jQuery(document).ready(function($) { 
 console.log('Fichier de suivi pedagogique chargé');
 $('#onglets_suivi_pedagogique button').on('click', enregistrer_onglet_courant)
 mettre_a_jour_onglet_courant();
});

function enregistrer_onglet_courant (event) {
 const onglet_selectionne = event.currentTarget.id;
 console.log('onglet_selectionne : ', onglet_selectionne);
 window.localStorage.setItem('onglet_suivi_pedagogique', onglet_selectionne);
}

function mettre_a_jour_onglet_courant (onglet=null) {
 if (!onglet) {
  onglet = window.localStorage.getItem('onglet_suivi_pedagogique');
  if (!onglet) {
   return;
  }
  }
 jQuery('#' + onglet).trigger('click');
}