X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/898bc32f48a395f428e7f57d04bbc95ec27d8517..cabdb651913e0a1acddc8887150e202e9d5d6aa4:/app/assets/javascripts/changeset.js diff --git a/app/assets/javascripts/changeset.js b/app/assets/javascripts/changeset.js index 094605661..ba6e541b6 100644 --- a/app/assets/javascripts/changeset.js +++ b/app/assets/javascripts/changeset.js @@ -1,34 +1,34 @@ -var highlight; +$(document).ready(function () { + var highlight; -function highlightChangeset(id) { - var feature = vectors.getFeatureByFid(id); - var bounds = feature.geometry.getBounds(); + function highlightChangeset(id) { + var feature = vectors.getFeatureByFid(id); + var bounds = feature.geometry.getBounds(); - if (bounds.containsBounds(map.getExtent())) { - bounds = map.getExtent().scale(1.1); - } + if (bounds.containsBounds(map.getExtent())) { + bounds = map.getExtent().scale(1.1); + } - if (highlight) vectors.removeFeatures(highlight); + if (highlight) vectors.removeFeatures(highlight); - highlight = new OpenLayers.Feature.Vector(bounds.toGeometry(), {}, { - strokeWidth: 2, - strokeColor: "#ee9900", - fillColor: "#ffff55", - fillOpacity: 0.5 - }); + highlight = new OpenLayers.Feature.Vector(bounds.toGeometry(), {}, { + strokeWidth: 2, + strokeColor: "#ee9900", + fillColor: "#ffff55", + fillOpacity: 0.5 + }); - vectors.addFeatures(highlight); + vectors.addFeatures(highlight); - $("#tr-changeset-" + id).addClass("selected"); -} + $("#tr-changeset-" + id).addClass("selected"); + } -function unHighlightChangeset(id) { - vectors.removeFeatures(highlight); + function unHighlightChangeset(id) { + vectors.removeFeatures(highlight); - $("#tr-changeset-" + id).removeClass("selected"); -} + $("#tr-changeset-" + id).removeClass("selected"); + } -$(document).ready(function () { var map = createMap("changeset_list_map", { controls: [ new OpenLayers.Control.Navigation(), @@ -72,4 +72,12 @@ $(document).ready(function () { } else { map.zoomToExtent(proj(bounds)); } + + $("[data-changeset]").mouseover(function() { + highlightChangeset($(this).data("changeset").id); + }); + + $("[data-changeset]").mouseout(function() { + unHighlightChangeset($(this).data("changeset").id); + }); });