| Torne (Richard Coles) | 5821806 | 2012-11-14 11:43:16 +0000 | [diff] [blame] | 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> |