From: Dan Vanderkam Date: Wed, 8 Aug 2012 16:43:15 +0000 (-0400) Subject: tweaks to crosshair demo X-Git-Tag: v1.0.0~202 X-Git-Url: https://adrianiainlam.tk/git/?a=commitdiff_plain;h=2eac5b0e877523ddc6b23667e6e2dca2abc83dd8;p=dygraphs.git tweaks to crosshair demo --- diff --git a/tests/crosshair.html b/tests/crosshair.html index f3720f5..37b6daa 100644 --- a/tests/crosshair.html +++ b/tests/crosshair.html @@ -13,6 +13,22 @@ +

Hover, click and zoom to test the callbacks:

@@ -32,40 +48,32 @@ highlightCallback: function(e, x, pts) { for (var i = 0; i < pts.length; i++) { var y = pts[i].canvasy; - lines[i].style.display = ""; + lines[i].style.visibility = "visible"; lines[i].style.top = y + "px"; if (i == 0) xline.style.left = pts[i].canvasx + "px"; } - xline.style.display = ""; + xline.style.visibility = "visible"; }, unhighlightCallback: function(e) { for (var i = 0; i < 2; i++) { - lines[i].style.display = "none"; + lines[i].style.visibility = "hidden"; } - xline.style.display = "none"; + xline.style.visibility = "hidden"; } } ); for (var i = 0; i < 2; i++) { var line = document.createElement("div"); - line.style.display = "none"; - line.style.width = "100%"; - line.style.height = "1px"; - line.style.backgroundColor = "black"; - line.style.position = "absolute"; + line.className = "line yline"; document.getElementById("div_g").appendChild(line); lines.push(line); } xline = document.createElement("div"); - xline.style.display = "none"; - xline.style.width = "1px"; - xline.style.height = "100%"; + xline.className = "line xline"; xline.style.top = "0px"; - xline.style.backgroundColor = "black"; - xline.style.position = "absolute"; document.getElementById("div_g").appendChild(xline);