1 <!-- 2 Copyright 2011 Google Inc. All rights reserved. 3 --> 4 <html> 5 <head> 6 <meta http-equiv="X-UA-Compatible" content="chrome=1" /> 7 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" 8 rel="stylesheet" type="text/css"/> 9 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"> 10 </script> 11 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"> 12 </script> 13 14 <script src='//google.com/tools/dlpage/res/chromeframe/script/CFInstall.min.js'> </script> 15 <script> 16 $(document).ready(function() { 17 var interactionDelegate = { 18 dialog: null, 19 getIFrameContainer: function() { 20 var self = this; 21 this.dialog = $("#dialog").dialog( 22 {modal: true, 23 width: 'auto', 24 height: 'auto', 25 resizable: false, 26 close: function() { 27 var el = document.getElementById('dialog'); 28 if (el.firstChild) 29 el.removeChild(el.firstChild); 30 } 31 }); 32 var widget = this.dialog.dialog('widget')[0]; 33 widget.style.left = -5000; 34 widget.style.top = -5000; 35 return document.getElementById('dialog'); 36 }, 37 show: function() { 38 var dialogEl = $("#dialog"); 39 dialogEl.width($("#dialog iframe").outerWidth(true) + 40 dialogEl.innerWidth() - dialogEl.width()); 41 var widgetEl = this.dialog.dialog('widget'); 42 widgetEl.width(dialogEl.outerWidth(true) + 43 widgetEl.innerWidth() - widgetEl.width()); 44 dialogEl.height('auto'); 45 this.dialog.dialog('option', 'position', 'center') 46 }, 47 customizeIFrame: function(iframe) {}, 48 reset: function() { 49 this.dialog.dialog('close'); 50 } 51 }; 52 CFInstall.setInteractionDelegate(interactionDelegate); 53 }); 54 </script> 55 </head> 56 <body> 57 <b>Chrome Renderer Active?:</b> 58 <span class="labeled" id="ChromeActive"></span><br /> 59 <script> 60 var ua = navigator.userAgent.toLowerCase(); 61 document.getElementById('ChromeActive').innerHTML = 62 ua.indexOf('chrome/') >= 0 ? "Yes" : "No"; 63 </script> 64 <p> 65 <a href="javascript:CFInstall.require()"> 66 This site requires Google Chrome Frame. Click here to install it now. 67 </a> 68 </p> 69 <div id="dialog" style="padding:0px; height:auto;"></div> 70 </body> 71 </html> 72
