topical media & game development
mobile-query-three-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.