From 2eac5b0e877523ddc6b23667e6e2dca2abc83dd8 Mon Sep 17 00:00:00 2001 From: Dan Vanderkam Date: Wed, 8 Aug 2012 12:43:15 -0400 Subject: [PATCH] tweaks to crosshair demo --- tests/crosshair.html | 36 ++++++++++++++++++++++-------------- 1 file changed, 22 insertions(+), 14 deletions(-) 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); -- 2.7.4