diff --git a/src/main/resources/eu/simstadt/regionchooser/website/script/simstadt_openlayers.js b/src/main/resources/eu/simstadt/regionchooser/website/script/simstadt_openlayers.js index 54a9b9692f2740136537bb2a0299f60c2178f224..f247b8cf79e7ff1ff1e863db2acc1152faf17e23 100644 --- a/src/main/resources/eu/simstadt/regionchooser/website/script/simstadt_openlayers.js +++ b/src/main/resources/eu/simstadt/regionchooser/website/script/simstadt_openlayers.js @@ -161,23 +161,23 @@ const regionChooser = (function(){ li.onmouseover = function(){ regionChooser.highlightPolygon(this.feature) }; li.onmouseout = function(){ regionChooser.resetHighlight(this.feature) }; - let checkbox = li.appendChild(document.createElement('input')); + + let label = li.appendChild(document.createElement('label')); + var text = feature.name; + + let checkbox = document.createElement('input'); checkbox.type = 'checkbox' - checkbox.id = "citygml_" + feature.getId(); checkbox.className = "select_citygml"; checkbox.feature = feature; checkbox.setAttribute('onclick', "regionChooser.isDownloadPossible()"); - let label = li.appendChild(document.createElement('label')); - label.setAttribute('for', "citygml_" + feature.getId()); - var text = feature.name; - text += " (" + citygml_percentage + "%"; if (sketch_percentage == 100) { text += ", all inside"; } label.textContent = text + ")\n"; + label.prepend(checkbox); dataPanel[0].appendChild(li); }