Index: chrome_frame/host_w_controls.html |
=================================================================== |
--- chrome_frame/host_w_controls.html (revision 0) |
+++ chrome_frame/host_w_controls.html (revision 0) |
@@ -0,0 +1,97 @@ |
+<HTML> |
+<!-- TODO(slightlyoff): Move to tests directory? --> |
+<HEAD> |
+<TITLE> Chrome Frame Test </TITLE> |
+<SCRIPT type="text/javascript"> |
+function msg(txt) { |
+ try { |
+ document.getElementById("my_text").innerHTML = txt; |
+ } catch(e) { |
+ alert("error"); |
+ } |
+} |
+ |
+function GetChromeFrame() { |
+ var chromeFrame = window.document.ChromeFrame |
+ return chromeFrame; |
+} |
+ |
+function OnChromeFrameMessage(text) { |
+ msg("In host: \r\nMessage from ChromeFrame: " + text); |
+ |
+ var chromeFrame = GetChromeFrame(); |
+ chromeFrame.PostMessageToFrame("OnHostMessage", "Hello from host"); |
+ return "OK"; |
+} |
+ |
+function OnNavigate() { |
+ var url = document.getElementById('inputurl'); |
+ GetChromeFrame().src = url.value; |
+} |
+ |
+function OnFocus() { |
+ msg("OnFocus"); |
+} |
+ |
+window.onload = function() { |
+ var chromeFrame = GetChromeFrame(); |
+ var url = location.href; |
+ url = url.substr(0, url.lastIndexOf('/') + 1) + "frame_w_controls.html"; |
+ chromeFrame.src = url; |
+ |
+ try { |
+ var cf = document.getElementById('ChromeFrame'); |
+ cf.addEventListener("focus", OnFocus, true); |
+ cf.addEventListener("blur", function() { msg('blur'); }, true); |
+ msg("ready"); |
+ } catch(e) { |
+ alert("error"); |
+ } |
+} |
+ |
+function setFocusToCf() { |
+ var cf = document.getElementById('ChromeFrame'); |
+ cf.focus(); |
+ // alert(cf.hasFocus()); |
+ return true; |
+} |
+ |
+</SCRIPT> |
+<style> |
+/* CSS magic to avoid the focus rect */ |
+object:focus { |
+ outline: 0; |
+} |
+</style> |
+<!-- |
+object:focus { outline: none; } |
+:focus { outline: none } |
+a:focus { outline: 1px dotted invert } |
+--> |
+</HEAD> |
+<BODY> |
+Chrome Frame Test activex |
+<br><br> |
+<input id="inputurl" type="text" name="URL"> |
+<input type="submit" value="Navigate" onClick="OnNavigate();"> |
+<center> |
+<OBJECT ID="ChromeFrame" tabindex="0" |
+ WIDTH="500" |
+ HEIGHT="300" |
+ CODEBASE="http://www.google.com" |
+ CLASSID="CLSID:E0A900DF-9611-4446-86BD-4B1D47E7DB2A"> |
+ <!-- <PARAM NAME="BackColor" VALUE="100"> --> |
+ <!-- <PARAM NAME="src" VALUE="file:///z:/code/debug/test.html"> --> |
+ <embed ID="ChromeFramePlugin" WIDTH=500 HEIGHT=300 NAME="ChromeFrame" |
+ SRC="http://www.google.com" TYPE="application/chromeframe"> |
+ </embed> |
+</OBJECT> |
+<p>To test the focus: <input id="fake_edit" type="text" name="fake"></p> |
+<p><button onclick="return setFocusToCf();">SetFocusToCF</button></p> |
+<p> |
+Message:<br> |
+<pre><p id="my_text"></p></pre> |
+</p> |
+</center> |
+</BODY> |
+</HTML> |