| OLD | NEW |
| (Empty) |
| 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> | |
| OLD | NEW |