nav.htm

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="" onclick="Nav(0)">Witcher TRPG</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
      <li class="nav-item">
        <a class="nav-link" onclick="Nav(1)">Tables aléatoires</span></a>
      </li>
	  <li class="nav-item">
        <a class="nav-link"  href="https://macnaab.github.io/Random-Tables/Ville/">Environnement urbain aléatoires</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" onclick="Nav(2)">Générateur Rencontres</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="https://macnaab.github.io/Random-Tables/WTRPG/table.html">Tableaux comparatifs</a>
      </li>
	  <li class="nav-item">
		<div class="dropdown">
		  <a class="dropdown-toggle nav-link" href="#" role="button" id="dropdownMenuLink 1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			Gestionnaire de Combats
		  </a>
		  <div class="dropdown-menu" aria-labelledby="dropdownMenuLink 1">
			<a class="dropdown-item" href="https://macnaab.github.io/Random-Tables/WTRPG/combat.html">Version 1</a>
			<a class="dropdown-item" href="https://macnaab.github.io/Random-Tables/WTRPG/combat2.html">Version 2</a>
			<a class="dropdown-item" onclick="Nav(3)">Version 3 (dernière)</a>
		  </div>
		</div>	  
      </li>
      <li class="nav-item">
        <a class="nav-link" href="WM/">Gestionnaire de trajets</a>
      </li>
	  <li class="nav-item">
		<div class="dropdown">
		  <a class="dropdown-toggle nav-link" href="#" role="button" id="dropdownMenuLink 1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			Générateur de Fiches PJ
		  </a>
		  <div class="dropdown-menu" aria-labelledby="dropdownMenuLink 1">
			<a class="dropdown-item" href="https://macnaab.github.io/Random-Tables/Fiche/Witcher.html">Normale</a>
			<a class="dropdown-item" href="https://macnaab.github.io/Random-Tables/Fiche/W2.html">Avancée</a>
		  </div>
		</div>
      </li>
	  <li class="nav-item">
        <a class="nav-link" href="https://macnaab.github.io/Random-Tables/Simulation/react/">Simulation</a>
      </li>
    </ul>
  </div>
</nav>

<script>
	function Nav(e){
		var r = ['main.htm','Tables/index.html','Rencontre/index.html','Combat/index.html']
		$('#app').load(r[e]);
	}
</script>