diff --git a/resources/script.js b/resources/script.js index 0312554..56cfa76 100644 --- a/resources/script.js +++ b/resources/script.js @@ -22,8 +22,8 @@ function salleInfosToHtml(salle) return titres + ((salle.description!=null)?("\n
\n" + salle.description):"") + ((salle.locataires.length!=0)?("\n
\nLocataires: " + locataires):""); } -function initSvgSupport() { - +function initSvgSupport() +{ var plan = document.getElementById('plan'); svgPanZoom(plan, {zoomEnabled: true, controlIconsEnabled: true}); @@ -31,12 +31,9 @@ function initSvgSupport() { var salles = plan.contentDocument.getElementsByClassName('svg-salle'); var outputDiv = document.getElementById('selectedSalleInfos'); - console.log(salles.length); - function selectSalle(e) { if(document.lastSelectedSalle != null) { - document.lastSelectedSalle.style.fill = document.lastSelectedSalleFColor; - document.lastSelectedSalle.style.fill_opacity = document.lastSelectedSalleFOpacity; + document.lastSelectedSalle.classList.remove('current-room'); } document.lastSelectedSalle = e.target; @@ -60,14 +57,11 @@ function initSvgSupport() { } } catch(err) { console.error("Les données récupéréés de cette salle ne sont pas valides."); - console.error(err) + console.error(err); } }); - document.lastSelectedSalleFColor = e.target.style.fill; - document.lastSelectedSalleFOpacity = e.target.style.fill_opacity; - - e.target.style.fill = tinycolor(e.target.style.fill).saturate(100).brighten(50).toHexString(); + e.target.classList.add('current-room'); } for (var i = 0; i < salles.length; i++) {