Box popup onmouseover - Javascript HTML5 Canvas

Question

Hi !
I am playing with the onmouseover event with javascript in flash pro cc html5 canvas.
I would like a box to popup and remain up until there is no onmouseover anymore. I think it's called a description box.
My two symbols are ‘Box1' and ‘Box2’.
I want Box2 to popup ontop of Box1 when I put my mouse over Box1, and Box 2 to disappear once I move the mouse off Box 2.
I am trying to use this code:
var e = document.getElementById(‘Box1');
e.onmouseover = function() {
  document.getElementById(‘Box2').style.display = 'block';
e.onmouseout = function() {
  document.getElementById('Box2').style.display = 'none’;

Answer 1

HOORAH !
I figured out my own answer, here it is...
this.Box2.visible = false;
this.Box1.addEventListener("mouseover", fl_MouseOverToShow.bind(this));
  function fl_MouseOverToShow() {
  this.Box2.visible = true;
this.Box2.addEventListener("mouseout", fl_MouseOutToHide.bind(this));
  function fl_MouseOutToHide() {
  this.Box2.visible = false;