diff --git a/maps/M-MGN1-4.svg b/maps/M-MGN1-4.svg
index c1ab044..1886cb9 100644
--- a/maps/M-MGN1-4.svg
+++ b/maps/M-MGN1-4.svg
@@ -1,23 +1,16 @@
-
-
+
diff --git a/resources/script.js b/resources/script.js
index 7e16252..da49aa2 100644
--- a/resources/script.js
+++ b/resources/script.js
@@ -40,22 +40,22 @@ function httpGetAsync(theUrl, callback)
function selectRoom(roomId) {
var svg = document.getElementById('plan');
-
+
var selectedRooms = plan.contentDocument.getElementsByClassName('current-room');
for (var i = 0; i < selectedRooms.length; i++) {
selectedRooms[i].classList.remove('current-room');
}
- var room = svg.contentDocument.getElementById('path-salle-' + roomId);
+ var room = svg.contentDocument.getElementById('salle-' + roomId);
if (room == null) {
- console.log('Error: the room does not exist');
+ console.log('Error: the room salle-'+roomId+' does not exist');
return;
}
room.classList.add('current-room');
- httpGetAsync("api/request.php?salle="+room.id.substring("path-salle-".length), function (s,errcode){
+ httpGetAsync("api/request.php?salle="+room.id.substring("salle-".length), function (s,errcode){
window.clearTimeout(document.wnsTimeout);
if (s == "404") {
@@ -66,7 +66,7 @@ function selectRoom(roomId) {
}
salle = JSON.parse(s)
- if (room.id == "path-salle-" + salle["id"]) {
+ if (room.id == "salle-" + salle["id"]) {
if (errcode == 200) {
titres = ((salle.aliaz.length!=0)?(salle.aliaz.join(' ou ')):"Aucun alias connu.");
document.getElementById('room-name').innerText = titres;
@@ -106,11 +106,11 @@ function initSvgSupport()
svgPanZoom(plan, {zoomEnabled: true, controlIconsEnabled: true});
- var salles = plan.contentDocument.getElementsByClassName('svg-salle');
+ var salles = plan.contentDocument.querySelectorAll('#salles-group path');
for (var i = 0; i < salles.length; i++) {
salles[i].addEventListener('click', function(e) {
- var id = e.target.id.substring('path-salle-'.length); // Remove prefix
+ var id = e.target.id.substring('salle-'.length); // Remove prefix
selectRoom(id);
});
}
diff --git a/resources/svg.css b/resources/svg.css
index bba5d9d..84e2432 100644
--- a/resources/svg.css
+++ b/resources/svg.css
@@ -1,7 +1,7 @@
-.svg-salle {
+#salles-group path {
transition: fill .3s;
- fill: #bbb;
+ fill: #9d9;
stroke: none;
stroke-width: 1px;
stroke-linecap: butt;
@@ -9,10 +9,32 @@
stroke-opacity: 1;
}
-.svg-salle:hover {
+#salles-group path:hover {
fill: #fe5400aa;
}
-.current-room {
+#wall-group path {
+ fill:#611010;
+ fill-opacity:1;
+ stroke:none;
+ stroke-width:1px;
+ stroke-linecap:butt;
+ stroke-linejoin:miter;
+ stroke-opacity:1
+}
+
+#glass-group path {
+ fill:#c0c0c0;
+ fill-opacity:1;
+ stroke:#5b5b5b;
+ stroke-width:1.60000002;
+ stroke-linecap:round;
+ stroke-linejoin:bevel;
+ stroke-miterlimit:4;
+ stroke-dasharray:none;
+ stroke-opacity:1
+}
+
+#salles-group path.current-room {
fill: #fe5400;
}