switch from underscores to hyphens for CSS class names

diff --git a/auto_tests/tests/range_selector.js b/auto_tests/tests/range_selector.js
index 4ddfcb1..d93d63d 100644 (file)
--- a/auto_tests/tests/range_selector.js
+++ b/auto_tests/tests/range_selector.js
@@ -131,10 +131,10 @@ RangeSelectorTestCase.prototype.testRangeSelectorOptions = function() {
 
 RangeSelectorTestCase.prototype.assertGraphExistence = function(g, graph) {
   assertNotNull(g);
-  var zoomhandles = graph.getElementsByClassName('dygraph_rangesel_zoomhandle');
+  var zoomhandles = graph.getElementsByClassName('dygraph-rangesel-zoomhandle');
   assertEquals(2, zoomhandles.length);
-  var bgcanvas = graph.getElementsByClassName('dygraph_rangesel_bgcanvas');
+  var bgcanvas = graph.getElementsByClassName('dygraph-rangesel-bgcanvas');
   assertEquals(1, bgcanvas.length);
-  var fgcanvas = graph.getElementsByClassName('dygraph_rangesel_fgcanvas');
+  var fgcanvas = graph.getElementsByClassName('dygraph-rangesel-fgcanvas');
   assertEquals(1, fgcanvas.length);
 }

diff --git a/dygraph-range-selector.js b/dygraph-range-selector.js
index 525949b..05a5c65 100644 (file)
--- a/dygraph-range-selector.js
+++ b/dygraph-range-selector.js
@@ -100,12 +100,12 @@ DygraphRangeSelector.prototype.attr_ = function(name) {
  */
 DygraphRangeSelector.prototype.createCanvases_ = function() {
   this.bgcanvas_ = Dygraph.createCanvas();
-  this.bgcanvas_.className = 'dygraph_rangesel_bgcanvas';
+  this.bgcanvas_.className = 'dygraph-rangesel-bgcanvas';
   this.bgcanvas_.style.position = 'absolute';
   this.bgcanvas_ctx_ = Dygraph.getContext(this.bgcanvas_);
 
   this.fgcanvas_ = Dygraph.createCanvas();
-  this.fgcanvas_.className = 'dygraph_rangesel_fgcanvas';
+  this.fgcanvas_.className = 'dygraph-rangesel-fgcanvas';
   this.fgcanvas_.style.position = 'absolute';
   this.fgcanvas_.style.cursor = 'default';
   this.fgcanvas_ctx_ = Dygraph.getContext(this.fgcanvas_);
@@ -117,7 +117,7 @@ DygraphRangeSelector.prototype.createCanvases_ = function() {
  */
 DygraphRangeSelector.prototype.createZoomHandles_ = function() {
   var img = new Image();
-  img.className = 'dygraph_rangesel_zoomhandle';
+  img.className = 'dygraph-rangesel-zoomhandle';
   img.style.position = 'absolute';
   img.style.visibility = 'hidden'; // Initially hidden so they don't show up in the wrong place.
   img.style.cursor = 'col-resize';