1 <html id='t'> 2 <head> 3 <title></title> 4 <style type="text/css"> 5 body { 6 margin:0; 7 border:0; 8 } 9 .setup-flow-page { 10 display: none; 11 width: 100%; 12 height: 100%; 13 overflow: hidden; 14 border: 0; 15 } 16 </style> 17 <script type="text/javascript"> 18 // Called once, when this html/js is loaded. 19 function showTheRightIframe() { 20 hideAllPages(); 21 var args = JSON.parse(chrome.dialogArguments); 22 document.getElementById(args.iframeToShow).style.display = 'block'; 23 document.getElementById(args.iframeToShow).tabIndex = 0; 24 } 25 26 function hideAllPages() { 27 document.getElementById('login').style.display = 'none'; 28 document.getElementById('login').tabIndex = -1; 29 document.getElementById('settingup').style.display = 'none'; 30 document.getElementById('settingup').tabIndex = -1; 31 document.getElementById('done').style.display = 'none'; 32 document.getElementById('done').tabIndex = -1; 33 document.getElementById('error').style.display = 'none'; 34 document.getElementById('error').tabIndex = -1; 35 } 36 37 function showPage(page) { 38 hideAllPages(); 39 document.getElementById(page).style.display = 'block'; 40 document.getElementById(page).tabIndex = 0; 41 } 42 43 function showLogin() { 44 showPage('login') 45 } 46 47 function showSettingUp() { 48 showPage('settingup') 49 } 50 51 function showSetupDone() { 52 showPage('done') 53 } 54 55 function showError() { 56 showPage('error') 57 } 58 </script> 59 </head> 60 <body onload="showTheRightIframe();"> 61 <iframe id="login" class="setup-flow-page" tabindex="-1" 62 src="chrome://remotingresources/gaialogin"></iframe> 63 <iframe id="settingup" class="setup-flow-page" tabindex="-1" 64 src="chrome://remotingresources/settingup"></iframe> 65 <iframe id="done" class="setup-flow-page" tabindex="-1" 66 src="chrome://remotingresources/setupdone"></iframe> 67 <iframe id="error" class="setup-flow-page" tabindex="-1" 68 src="chrome://remotingresources/setuperror"></iframe> 69 </body> 70 </html> 71