third_party/webdriver/test_data/click_jacker.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>click-jacking</title>
   5   <script>
   6     var clickJacker;
   7
   8     function setOpacity(opacity) {
   9       if (window.navigator.userAgent.indexOf('MSIE') != -1) {
  10         clickJacker.style.filter = 'alpha(opacity=' + (opacity * 100) + ')';
  11       } else {
  12         clickJacker.style.opacity = opacity;
  13       }
  14     }
  15
  16     function init() {
  17       clickJacker = document.getElementById('clickJacker');
  18       setOpacity(0);
  19     }
  20   </script>
  21 </head>
  22 <body onload="init()">
  23 <div>
  24   <div id="clickJacker"
  25        onclick="setOpacity(1);"
  26        style="position:absolute;float:left;
  27               width:200px;height:100px; padding:10px;
  28               background-color:darkred;
  29               border:1px solid darkred;">Click jacked!</div>
  30   <div style="width:200px; height:100px;
  31               border:1px solid black; padding:10px">Click Me</div>
  32   <script>
  33     clickJacker = document.getElementById('clickJacker');
  34   </script>
  35 </div>
  36 </body>
  37 </html>