I found that the code does not hide the hoverbox for regions that are disabled.
I modified the Script.js file to set the value of the disabled region hoverbox to "N/A". I found that if I completely hid the hoverbox, I wasn't able to select the disabled region to change my selection.
If someone else can modify the code to make the disabled region still selectable, yet hide the hoverbox, please share!
Here is the code change I made in case others want to use it as well.
Original Code Snippet
else if (window["sj" + r]) {
window["R" + r].forEach(function(e) {
if (e.attr("fill") != h && e.attr("fill") != "none") {
e.attr("fill", h);
e.attr("fill-opacity", 1)
}
});
Modified Code Snippet
else if (window["sj" + r]) {
window["R" + r].forEach(function(e) {
if (e.attr("fill") != h && e.attr("fill") != "none") {
// BEGIN - Edit to hide the values of the unselected locations
e.mousemove(popS).hover(function() {
$("#hoverBox p").html("N/A")
}, function() {
$("#hoverBox").hide()
})
// END
e.attr("fill", h);
e.attr("fill-opacity", 1)
}
});
