Kynetx app that puts see through overlay on page as example

see-through-overlay.krl.js

ruleset a60x307 {
  meta {
    name "see-through-overlay"
    description <<
      see-through-overlay
    >>
    author "Mike Grace"
    logging on
  }

  global {
    css <<
      #over-the-top-crazy {
        position: absolute;
        background-color: #999;
        z-index: 500;
        top: 0px;
        left: 0px;
        display: none;
        opacity:0.5;
        filter:alpha(opacity=50);
      }
    >>;
  }
  
  rule overlay is active {
    select when pageview ".*"
    pre {
      overlay =<<
        <div id="over-the-top-crazy">&nbsp;</div>
      >>;
    }
    {
      notify("Running","Wild!") with sticky = true;
      append("body",overlay);
      emit <<
        $K("#over-the-top-crazy").css({"width":$K(window).width(),"height":$K(window).height()});
        $K("#over-the-top-crazy").fadeIn("6000");
      >>;
    }
  }
}