topical media & game development

talk show tell print

mobile-query-three-vendor-threex-examples-threex.domevent-vendor-threex-examples-threex.embedded-noshield-iframe.htm / htm



  <html>
          <head>
                  <style>
                          body .noFocusMessage                { display        : block;        }
                          body .withFocusMessage                 { display        : none;                }
                          body:focus .noFocusMessage         { display        : none;                }
                          body:focus .withFocusMessage         { display        : block;        }
                          body                                 { background-color: #DC143C;        }
                          body:focus                         { background-color: lightgreen;        }
                          body .title                        { font-size        : 120%;                }
                  </style>
          </head>
          <body tabindex=1>
                  <span class='title'>WITHOUT shielding events<br></span>
                  <span class="noFocusMessage"><b>Click</b> to get focus</span>
                  <span class="withFocusMessage">
                          Got Focus!<br>
                          Now <b>use arrow UP/DOWN</b> and the host page will scroll as events are not shielded.
                  </span> 
                  </script>
          </body>
  </html>


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.