Html程序  |  71行  |  1.92 KB

<html id='t'>
<head>
<title></title>
<style type="text/css">
body {
  margin:0;
  border:0;
}
.setup-flow-page {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0;
}
</style>
<script type="text/javascript">
  // Called once, when this html/js is loaded.
  function showTheRightIframe() {
    hideAllPages();
    var args = JSON.parse(chrome.dialogArguments);
    document.getElementById(args.iframeToShow).style.display = 'block';
    document.getElementById(args.iframeToShow).tabIndex = 0;
  }

  function hideAllPages() {
    document.getElementById('login').style.display = 'none';
    document.getElementById('login').tabIndex = -1;
    document.getElementById('settingup').style.display = 'none';
    document.getElementById('settingup').tabIndex = -1;
    document.getElementById('done').style.display = 'none';
    document.getElementById('done').tabIndex = -1;
    document.getElementById('error').style.display = 'none';
    document.getElementById('error').tabIndex = -1;
  }

  function showPage(page) {
    hideAllPages();
    document.getElementById(page).style.display = 'block';
    document.getElementById(page).tabIndex = 0;
  }

  function showLogin() {
    showPage('login')
  }

  function showSettingUp() {
    showPage('settingup')
  }

  function showSetupDone() {
    showPage('done')
  }

  function showError() {
    showPage('error')
  }
</script>
</head>
<body onload="showTheRightIframe();">
  <iframe id="login" class="setup-flow-page" tabindex="-1"
          src="chrome://remotingresources/gaialogin"></iframe>
  <iframe id="settingup" class="setup-flow-page" tabindex="-1"
          src="chrome://remotingresources/settingup"></iframe>
  <iframe id="done" class="setup-flow-page" tabindex="-1"
          src="chrome://remotingresources/setupdone"></iframe>
  <iframe id="error"  class="setup-flow-page" tabindex="-1"
          src="chrome://remotingresources/setuperror"></iframe>
</body>
</html>