From a28f41919036ce3afd339131184de9bccb9fbaea Mon Sep 17 00:00:00 2001 From: hugodu69 Date: Fri, 28 Dec 2018 00:34:16 +0100 Subject: [PATCH] la page ne se recharge que si on clique sur un autre titre --- javascript/insert.js | 20 +++++++++++++++++--- javascript/page_ateliers.js | 1 + 2 files changed, 18 insertions(+), 3 deletions(-) diff --git a/javascript/insert.js b/javascript/insert.js index e04aafe..6cd55db 100644 --- a/javascript/insert.js +++ b/javascript/insert.js @@ -6,10 +6,13 @@ function clickAction() { } } -function insert(e) { - var pageName = e.target.id; +function titleColor(e) { + //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(); diff --git a/javascript/page_ateliers.js b/javascript/page_ateliers.js index 21ef894..7f9b40b 100644 --- a/javascript/page_ateliers.js +++ b/javascript/page_ateliers.js @@ -1,5 +1,6 @@ var content = document.getElementById("ateliers"); var js = document.getElementById("js"); + var ateliers = `