la page ne se recharge que si on clique sur un autre titre

javascript/insert.js

@@ -6,10 +6,13 @@ function clickAction() {
 	}
 }
 
-function insert(e) {
+function titleColor(e) {
-	var pageName = e.target.id;
+	//change the color of the selected title
 	Object.values(page).forEach(e => e.className = "menu");
 	e.target.className = "menu menu_clic";
+}
+
+function loadContent(pageName) {
 	/*next lines changes the script that load different
 	contents for different pages*/
 	//first remove the old one
@@ -19,9 +22,20 @@ function insert(e) {
 	var scriptAdd = document.createElement('script');
 	scriptAdd.type = 'text/javascript';
 	scriptAdd.id = "pageScript";
-	scriptAdd.defer = true;
 	scriptAdd.src = 'javascript/' + pageName + '.js';
+	scriptAdd.defer = true;
 	document.head.appendChild(scriptAdd);
 }
 
+function insert(e) {
+	//get the name of the page after the # in the url
+//	var nameCompare = location.hash.slice(1);
+	var pageName = e.target.hash.slice(1);
+
+	if (!document.getElementById("pageScript").src.includes(pageName)) {
+		titleColor(e);
+		loadContent(pageName);
+	};
+}
+
 clickAction();

javascript/page_ateliers.js

@@ -1,5 +1,6 @@
 var content = document.getElementById("ateliers");
 var js = document.getElementById("js");
+
 var ateliers =
 `
 	<div id="Container">