src/chrome_frame/host_w_controls.html

   1 <HTML>
   2 <!-- TODO(slightlyoff): Move to tests directory? -->
   3 <HEAD>
   4 <TITLE> Chrome Frame Test </TITLE>
   5 <SCRIPT type="text/javascript">
   6 function msg(txt) {
   7   try {
   8     document.getElementById("my_text").innerHTML = txt;
   9   } catch(e) {
  10     alert("error");
  11   }
  12 }
  13
  14 function GetChromeFrame() {
  15   var chromeFrame = window.document.ChromeFrame
  16   return chromeFrame;
  17 }
  18
  19 function OnChromeFrameMessage(text) {
  20   msg("In host:  \r\nMessage from ChromeFrame: " + text);
  21
  22   var chromeFrame = GetChromeFrame();
  23   chromeFrame.PostMessageToFrame("OnHostMessage", "Hello from host");
  24   return "OK";
  25 }
  26
  27 function OnNavigate() {
  28   var url = document.getElementById('inputurl');
  29   GetChromeFrame().src = url.value;
  30 }
  31
  32 function OnFocus() {
  33   msg("OnFocus");
  34 }
  35
  36 window.onload = function() {
  37   var chromeFrame = GetChromeFrame();
  38   var url = location.href;
  39   url = url.substr(0, url.lastIndexOf('/') + 1) + "frame_w_controls.html";
  40   chromeFrame.src = url;
  41
  42   try {
  43     var cf = document.getElementById('ChromeFrame');
  44     cf.addEventListener("focus", OnFocus, true);
  45     cf.addEventListener("blur", function() { msg('blur'); }, true);
  46     msg("ready");
  47   } catch(e) {
  48     alert("error");
  49   }
  50 }
  51
  52 function setFocusToCf() {
  53   var cf = document.getElementById('ChromeFrame');
  54   cf.focus();
  55   // alert(cf.hasFocus());
  56   return true;
  57 }
  58
  59 </SCRIPT>
  60 <style>
  61 /* CSS magic to avoid the focus rect */
  62 object:focus {
  63     outline: 0;
  64 }
  65 </style>
  66 <!--
  67 object:focus { outline: none; }
  68 :focus { outline: none }
  69 a:focus          { outline: 1px dotted invert }
  70 -->
  71 </HEAD>
  72 <BODY>
  73 Chrome Frame Test activex
  74 <br><br>
  75 <input id="inputurl" type="text" name="URL">
  76 <input type="submit" value="Navigate" onClick="OnNavigate();">
  77 <center>
  78 <OBJECT ID="ChromeFrame" tabindex="0"
  79         WIDTH="500"
  80         HEIGHT="300"
  81         CODEBASE="http://www.google.com"
  82         CLASSID="CLSID:E0A900DF-9611-4446-86BD-4B1D47E7DB2A">
  83     <!-- <PARAM NAME="BackColor" VALUE="100"> -->
  84     <!-- <PARAM NAME="src" VALUE="file:///z:/code/debug/test.html"> -->
  85     <embed ID="ChromeFramePlugin" WIDTH=500 HEIGHT=300 NAME="ChromeFrame"
  86         SRC="http://www.google.com" TYPE="application/chromeframe">
  87     </embed>
  88 </OBJECT>
  89 <p>To test the focus: <input id="fake_edit" type="text" name="fake"></p>
  90 <p><button onclick="return setFocusToCf();">SetFocusToCF</button></p>
  91 <p>
  92 Message:<br>
  93 <pre><p id="my_text"></p></pre>
  94 </p>
  95 </center>
  96 </BODY>
  97 </HTML>