Introduction to Javascript

Popup menu

popup menu utilizing a timer

Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.

Code

<script type="text/javascript">
// <![CDATA[
  function showMenu(id)
  {
    document.getElementById(id).style.visibility = "visible";
  }

  function hideMenu(id)
  {
    document.getElementById(id).style.visibility = "hidden";
  }

  function hideAll()
  {
    var elements = document.getElementsByTagName("div");

    for (var i = 0; i < elements.length; i++) {
      if (elements[i].className == "popup") {
        hideMenu(elements[i].id);
      }
    }
  }

  var timerId = null;
  var timeCount = 250;  // milliseconds

  function startHideAllTimer()
  {
    if (!timerId) {
      timerId = setTimeout("hideAll()", timeCount);
    }
  }

  function stopHideAllTimer()
  {
    if (timerId) {
      clearTimeout(timerId);
      timerId = null;
    }
  }
// ]]>
</script>