- Timestamp:
- 2019-04-30T17:20:10+12:00 (5 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/greenstone3/web/interfaces/default/js/map-scripts-editor.js
r32851 r33042 58 58 59 59 //Update thickness 60 var thicknessSliderOutput = document.getElementById("thicknessRangeVal" + "-" + this.id); 60 61 var thicknessSlider = document.getElementById("thicknessRange" + "-" + this.id); 61 var thicknessSliderOutput = document.getElementById("thicknessRangeVal" + "-" + this.id); 62 thicknessSliderOutput.innerHTML = ((thicknessSlider.value / 20) * 100) / 100; 62 var thicknessValue = ((thicknessSlider.value / 20) * 100) / 100; 63 thicknessSliderOutput.innerHTML = thicknessValue.toFixed(2); 64 //console.log("Init thickness slider value: " + thicknessValue); 63 65 64 66 thicknessSlider.oninput = function () { 65 67 that.shapeSpecsChangeMD(); 66 thicknessSliderOutput.innerHTML = ((this.value / 20) * 100) / 100; 68 var thicknessVal = ((this.value / 20) * 100) / 100; 69 thicknessSliderOutput.innerHTML = thicknessVal.toFixed(2); 67 70 that.thicknessValue = this.value / 20; 68 71 that.shapeOptions.strokeWeight = that.thicknessValue; … … 73 76 var opacitySlider = document.getElementById("colourOpacity" + "-" + this.id); 74 77 var opacitySliderOutput = document.getElementById("opacityRangeVal" + "-" + this.id); 75 opacitySliderOutput.innerHTML = "% " + Math.round(opacitySlider.value);78 opacitySliderOutput.innerHTML = Math.round(opacitySlider.value) + "%"; 76 79 77 80 opacitySlider.oninput = function () { 78 81 that.shapeSpecsChangeMD(); 79 opacitySliderOutput.innerHTML = "% " + Math.round(this.value * 100) / 100;82 opacitySliderOutput.innerHTML = Math.round(this.value * 100) / 100 + "%"; 80 83 that.opacityValue = this.value / 100; 81 84 that.shapeOptions.fillOpacity = that.opacityValue; … … 248 251 this.map.controls[google.maps.ControlPosition.TOP_RIGHT].push(styleControl); 249 252 253 /* 250 254 // Set the map's style to the initial value of the selector. 251 255 var styleSelector = document.getElementById('style-selector' + "-" + this.id); … … 263 267 }); 264 268 }); 269 */ 265 270 266 271 this.drawingManager = new google.maps.drawing.DrawingManager({ … … 620 625 621 626 MapEditor.prototype.updateMenuValues = function (thi, opa, fCol, sCol) { 627 //console.log("New thickness value: " + thi); 622 628 //Update thickness slider and value on the settings menu 623 629 var thicknessSliderOutput = document.getElementById("thicknessRangeVal" + "-" + this.id); 624 thicknessSliderOutput.innerHTML = thi; 630 // update the thickness innerHTML's value to always have 2 decimal places, https://www.w3schools.com/js/js_number_methods.asp 631 thicknessSliderOutput.innerHTML = thi.toFixed(2); 625 632 document.getElementById("thicknessRange" + "-" + this.id).value = Math.round((thi * 20) * 100) / 100; 626 633 627 634 //Update the opacity slider and value on the settings menu 628 635 var opacitySliderOutput = document.getElementById("opacityRangeVal" + "-" + this.id); 629 opacitySliderOutput.innerHTML = "% " + Math.round(opa * 100) * 100 / 100;636 opacitySliderOutput.innerHTML = Math.round(opa * 100) * 100 / 100 + "%"; 630 637 document.getElementById("colourOpacity" + "-" + this.id).value = (opa * 100) * 100 / 100; 631 638
Note:
See TracChangeset
for help on using the changeset viewer.