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 |